Отключить опцию в select

0

У меня есть этот выбор:

<select>
    <option class="1">1st</option>
    <option class="2">other1</option>
    <option class="2">other2</option>
    <option class="1">2st</option>
    <option class="2">other1</option>
    <option class="2">other2</option>
</select>

Как отключить параметры с классом "1"?

  • 0
    Просто sidenote, имена ваших классов недействительны, посмотрите на stackoverflow.com/a/449000/1112384
Теги:

2 ответа

5
Лучший ответ
<select>
<option class="1">1st</option>
<option class="2">other1</option>
<option class="2">other2</option>
<option class="1">2st</option>
<option class="2">other1</option>
<option class="2">other2</option>
</select>

<script>
$(function(){
    $('select').find('option.1').attr('disabled', 'disabled');
});
</script>

Примечание. Названия ваших классов не соответствуют стандарту

Правила именования:

  1. Необходимо начинать с буквы AZ или az
  2. За ним последуют: буквы (A-Za-z), цифры (0-9), дефисы ("-") и символы подчеркивания ("_")
  3. В HTML все значения не чувствительны к регистру
1

Используя jQuery, вы можете сделать следующее (тогда как c1 является допустимой заменой для 1)

jQuery("option.c1").attr("disabled", "disabled");

Это извлекает все элементы тегов option, которые имеют класс c1 набора и для каждого согласованного теге атрибут disabled добавляется со значением disabled (это обычная практика, поскольку disabled на самом деле не нужен аргумент, но XML требует аргумент для атрибуты).

Ещё вопросы

Сообщество Overcoder
Наверх
Меню