jQuery按值禁用选项 - JavaScript

在开发网页应用程序时，经常需要在下拉列表中禁用特定选项。在 jQuery 中，可以按值禁用选项。

方法

以下是按值禁用选项的 jQuery 方法：

$('select option[value="VALUE"]').prop('disabled', true);

此方法选中一个指定选项的值，然后使用 prop() 方法来禁用该选项。

示例

以下是代码示例，用于按值禁用下拉列表中的选项：

<select id="mySelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <option value="4">选项4</option>
  <option value="5">选项5</option>
</select>

<button type="button" id="disableBtn">禁用选项 3</button>

<script>
  $(document).ready(function() {
    $("#disableBtn").click(function() {
      $("select option[value='3']").prop("disabled", true);
    });
  });
</script>

该示例中的按钮单击事件将禁用下拉列表中的值为“3”的选项。

结论

使用 jQuery 可以轻松按值禁用下拉列表中的选项。