Wie Dropdown zu deaktivieren, wenn bestimmte Option ausgewählt

Question

Ich muss Dropdown deaktivieren, wenn bestimmte Option ausgewählt. Zum Beispiel im unteren Code, wenn Option mit Deleted Wert ausgewählt, DropDown deaktiviert.

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

Wie kann ich diese Arbeit mit jquery tun?

Answer 1

Der folgende Code funktioniert der Trick

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

Answer 2

Verwenden Sie diesen Code

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