Как отключить выпадающее меню при выборе определенной опции

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>