如何在選擇特定選項時禁用下拉菜單

Question

如果選擇特定選項，則需要禁用下拉菜單。例如，在選擇Deleted值的選項時，在底部代碼中禁用下拉菜單。

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

我該如何使用jQuery來做這項工作？

Answer 1

下面的代碼做的伎倆

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

Answer 2

使用此代碼

$("#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>