Jquery input options select but one

Question

I have a multi-select that contains many sources where the visitor came from. I also enable the option (with the value "all") at the top of all options.

When someone clicks this option, then all options will be selected. And this part is simple. I have included multi-select and jquery that listen for the click event.

<select name="sourceid[]" id="sourceid" style="width:230px;" multiple="multiple"> <option value="all">-- Select All Sources --</option> <option value="1">Internet</option> <option value="2">Radio</option> <option value="3">Phone</option> <option value="4">Other</option> </select> $("#sourceid").click(function(){ if($(this).val()=='all'){ $("#sourceid option").attr("selected","selected"); } }); 

So far, this works great! For example, jquery also selects the top option.

Is there any way to tell jquery to exclude a single option?

Answer 1

Use this selector

 $("option[value!=all]") 

All parameters in which the attribute value is not all , example on jsFiddle

Attribute not equal to jQuery API selector

Answer 2

Try this with jQuery not () selector

 $("#sourceid").click(function(){ if($(this).val()=='all'){ $("#sourceid option").not(this) .attr("selected","selected"); } }); 

Answer 3

What about

 $("#sourceid option").not(':first').attr("selected","selected"); 

Answer 4

If I understand correctly what you are trying to do, instead I would use a list of checkboxes, and then select everything that checks all the checkboxes, and not on the drop-down list ...

Answer 5

Avoid the problem; just add disabled to the top option. In any case, you do not want them to be able to send this option.

 <select name="sourceid[]" id="sourceid" style="width:230px;" multiple="multiple"> <option value="all" disabled>-- Select All Sources --</option> <option value="1">Internet</option> <option value="2">Radio</option> <option value="3">Phone</option> <option value="4">Other</option> </select> 

Answer 6

You can use the wrong choice:

  $("#sourceid :not(option[value='all'])").attr("selected", "selected"); 

Answer 7

 $("#sourceid option[value=all]").click(function(){ $(this).siblings().attr("selected","selected"); }); 

maybe better:

 $("#sourceid option[value=all]").click(function(){ if($(this).siblings("[selected=selected]").size() == $(this).siblings().size()) { $(this).siblings().removeAttr("selected"); } else { $(this).siblings().attr("selected","selected"); } });