选择特定选项时如何禁用下拉菜单答案

【问题标题】：How to disable dropdown when specific option selected选择特定选项时如何禁用下拉菜单
【发布时间】：2016-09-27 04:55:12
【问题描述】：

选择特定选项时，我需要禁用下拉菜单。 For example in bottom code when option with Deleted value selected, dropdown disabled.

<select name="status[]">
    <option value="In Use">In use</option>
    <option value="Deleted">Deleted</option>
</select>

如何使用 jquery 完成这项工作？

【问题讨论】：

请标记一个回答以完成本次讨论。

标签： javascript jquery dropdown

【解决方案1】：

使用此代码

$("#dropdown").change(function() {
    if ($("option:selected", this).val() == "Delete")
        $(this).attr("disabled", true);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="dropdown">
    <option value="Option-1">Option-1</option>
    <option value="Option-2">Option-2</option>
    <option value="Option-3">Option-3</option>
    <option value="Delete">Delete</option>
</select>

【讨论】：

【解决方案2】：

下面的代码可以解决问题

$(document).on("change", "select", function() {
  if ($("select option:selected").val() == "Deleted") {
    $(this).attr("disabled", "disabled");
  }
})

【讨论】：