如何从on选项中删除禁用的选项?

时间:2019-05-23 11:57:53

标签: jquery

我练习从链接https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_option_disabled的选项中删除禁用的属性。

我添加了一些代码来完成此操作,

<!DOCTYPE html>
<html>
<body>

<select>
  <option value="volvo" disabled>Volvo</option>
  <option value="saab">Saab</option>
  <option value="vw">VW</option>
  <option value="audi">Audi</option>
</select>
<script src="https://code.jquery.com/jquery-3.3.1.min.js">
    $("select[value='volvo']").removeAttr('disabled');
</script>
</body>
</html>

或将脚本部分替换为下面列出的部分,

<script src="https://code.jquery.com/jquery-3.3.1.min.js">
    $("select[value='volvo']").attr('disabled', false);
</script>

但是所有这些都失败了。 我错过了什么吗?

1 个答案:

答案 0 :(得分:2)

代码中的当前选择器与html中的任何元素都不匹配,因为不存在属性值为select的{​​{1}}元素,值为value。因此,您需要将选择器更新为以下选项,在其中选择具有所述属性/值组合的选项。

注意:或者,您也可以像volvo一样使用jQuery.removeAttr()

$("select option[value='volvo']").removeAttr('disabled');
$("select option[value='volvo']").attr('disabled', false);