Question

我有这个选择：

<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”的选项？

Answer 1

<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>

注意：您的班级名称不符合惯例

命名规则：

必须以字母A-Z或a-z
可以跟着：字母（A-Za-z），数字（0-9），连字符（“ - ”），和下划线（“_”）
在HTML中，所有值都不区分大小写

Answer 2

使用jQuery，您可以执行以下操作（而c1是1的有效替代品）

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

这会获取标记为option的所有元素c1，并且对于每个匹配的标记，属性disabled都会添加值disabled（此是常见的做法，因为disabled并不真正需要参数，但XML需要属性的参数。）

禁用select中的选项

2 个答案: