Assuming SelectorList
is id of select
you can use combination of desandant selector and attribute value selector with contains wild card.
$("#SelectorList option[value*='n/a']").prop('disabled',true);
Question
I have dropdown list with some list items . Here , i need to disable a single item in the dropdown list .
I mean value should be present in dropdown list but should not be selectable.
I have tried in the following way with no luck:
$("#SelectorList select option [value*='n/a']").prop('disabled',true);
But, it is not working.i was able to disable entire dropdown list by using
$("#SelectorList").prop('disabled',true);
What is the change that i need to do inorder to make this work. please help.
Solution
Assuming SelectorList
is id of select
you can use combination of desandant selector and attribute value selector with contains wild card.
$("#SelectorList option[value*='n/a']").prop('disabled',true);
OTHER TIPS
Typo remove space
$("#SelectorList option[value*='n/a']").prop('disabled',true);
^ //remove space here