jquery seleccione las opciones de entrada, excepto una

Question

Tengo una selección múltiple que contiene muchas fuentes de donde vino un visitante. También estoy incluyendo una opción (con el valor de "todo") en la parte superior de todas las opciones.

Cuando alguien hace clic en esa opción, se seleccionarán todas las opciones. Y esa parte es fácil. He incluido la selección múltiple y jquery que escucha un evento de clic.

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

}); 

Hasta ahora, ¡funciona genial! El jquery también seleccionará la opción superior, naturalmente.

¿Hay alguna manera de decirle a jquery que no seleccione esa opción?

Answer 1

Usar este selector

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

Todas las opciones donde el valor del atributo no es all, API example on jsFiddle

Attribute not equal selector jQuery

Answer 2

Si he entendido bien lo que estás tratando de hacer, lo haría use una lista de casillas en su lugar y luego seleccione una opción que verifique todas las casillas en lugar de usar un menú desplegable ...

Answer 3

probar este usando el selector de jQuery not()

$("#sourceid").click(function(){ 

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

}); 

Answer 4

evitar el problema; simplemente agregue disabled a la opción superior. No desea que puedan enviar esa opción, de todos modos.

<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 5

Puede utilizar la no slector así:

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

Answer 6

¿Qué tal

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

Answer 7

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

tal vez es mejor:

$("#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"); 
} 
});