javascript - 选择特定选项时如何禁用下拉菜单

Question

我需要在选择特定选项时禁用下拉菜单。 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 完成这项工作？

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