Question

我需要在选择特定选项时禁用下拉列表。例如，在选择了Deleted值的选项的底部代码中，下拉列表已禁用。

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

Answer 2

下面的代码可以解决问题

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

如何在选择特定选项时禁用下拉列表

2 个答案: