How to disable a drop down list item in dropdown list on load using jquery

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.

have your tried attr method instead prop?

sabotero
– sabotero

2013-11-20 10:24:49 +00:00
Commented Nov 20, 2013 at 10:24 — sabotero
– sabotero, Commented Nov 20, 2013 at 10:24

Adil · Accepted Answer · 2013-11-20 10:24:54Z

11

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);

answered Nov 20, 2013 at 10:24

Adil

148k25 gold badges217 silver badges207 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sai Avinash Over a year ago

@Adil..Thanks ..its working fine..Any idea how to do it, if it is inside Jqgrid..

Adil Over a year ago

I think it will work as you are using id for select. If you have multiple selects in grid then you can use class selector or assign ids in some pattern and make selector accordingly

Adil Over a year ago

You can put it in document.ready or after that, when SelectorList is present in DOM

Tushar Gupta - curioustushar · Accepted Answer · 2013-11-20 10:28:00Z

3

Typo remove space

$("#SelectorList option[value*='n/a']").prop('disabled',true);
                       ^ //remove space here

fiddle Demo

answered Nov 20, 2013 at 10:28

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Collectives™ on Stack Overflow

How to disable a drop down list item in dropdown list on load using jquery

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related