Disabling non 'selected' options in multiple select elements except for one using jquery

Question

Using jQuery, I am trying to disable all non-selected items from multiple select elements except for one. I was trying to exclude the one select element based on its name attribute: name="tloStatus".

$(document).ready(function () { if($("select[name!=tloStatus]")) { $('option:not(:selected)').attr('disabled', true); } });

How do I only apply this:

$('option:not(:selected)').attr('disabled', true);

to every select element but the one with name="tloStatus"?

Can you post the HTML too?

j08691
– j08691

2015-03-16 16:59:50 +00:00
Commented Mar 16, 2015 at 16:59 — j08691
– j08691, Commented Mar 16, 2015 at 16:59

Josh Crozier · Accepted Answer · 2015-03-16 17:01:38Z

The reason it wasn't working was because you were selecting all unselected option elements regardless of the parent select element's name attribute.

You could simplify it to the following so that only unselected option elements that are a descendant are selected:

Example Here

$("select[name!=tloStatus] option:not(:selected)").attr('disabled', true);

Collectives™ on Stack Overflow

Disabling non 'selected' options in multiple select elements except for one using jquery

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related