Disable Drop Down Option Using JQuery

I need to disable options with value '- Sold Out -' in a list of dynamic drop down menus. How can I do this easily with jQuery? Below is the HTML ).prop('disabled',true); ​ Copy Demo According to edit $('#previous_select').on('change', function() { // after creating the option // try following $("select option[value*='Sold Out']").prop('disabled',true); }); Copy Solution 2: Working demo http://jsfiddle.net/BYkVW/ or http://jsfiddle.net/BYkVW/1/ Hope it helps the needs :) code $("#field_0_1 option[value='- Sold Out -']").attr('disabled','disabled'); ​ Copy or $("#field_0_1 option[value='- Sold Out -']").prop('disabled','disabled'); Copy working image Solution 3: function lockDownDropDownList(ddlName) { ddlName = "#" + ddlName; var chosenValue = $(ddlName).val(); var downDownListItems = $(ddlName).children('option').map(function (i, e) { return e.value || e.innerText; }).get(); downDownListItems.forEach(function (item) { if (item != chosenValue) { $("select option[value*='" + item + "']").prop('disabled', true); } }); } Copy Solution 4: Here i have done solution for above query. demo link as below: Demo: http://codebins.com/bin/4ldqp92 HTML: <select id="field_0_1" class="text_select" name="field_0_1" onChange=""> <option value=""> - Preferred Time - </option> <option value="- Sold Out -"> - Sold Out - </option> <option value="2:30 - 4:00pm"> 2:30 - 4:00pm </option> </select> <select id="field_0_2" class="text_select" name="field_0_2" onChange=""> <option value=""> - Preferred Time - </option> <option value="- Sold Out -"> - Sold Out - </option> <option value="2:30 - 4:00pm"> 2:30 - 4:00pm </option> </select> <select id="field_0_3" class="text_select" name="field_0_3" onChange=""> <option value=""> - Preferred Time - </option> <option value="- Sold Out -"> - Sold Out - </option> <option value="2:30 - 4:00pm"> 2:30 - 4:00pm </option> </select> Copy JQuery: $(function() { $("select").click(function() { $(this).find("option[value*='Sold Out']").prop("disabled", true); }); }); Copy Demo: http://codebins.com/bin/4ldqp92 Solution 5: $("#ddlList option[value='jquery']").attr("disabled","disabled"); Copy Share Post a Comment for "Disable Drop Down Option Using JQuery" Top Question Disable Text Entry In

I am making a simple web app. At one part of it, I have inc…