特定のオプションを選択したときにドロップダウンを無効にする方法

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>