jQuery selezionare opzioni di input, ad eccezione di una

Question

ho una selezione multipla che contiene molte fonti per dove un visitatore è venuto. Sto anche includendo un'opzione (con il valore di "tutti") nella parte superiore di tutte le opzioni.

Quando qualcuno fa clic su questa opzione, tutte le opzioni saranno selezionate. E quella parte è facile. Ho incluso il multi-select e jquery che ascolta un evento click.

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

}); 

Finora funziona benissimo! Il jquery selezionerà anche l'opzione in alto, naturalmente.

C'è un modo per dire a jQuery di escludere la selezione di quella opzione?

Answer 1

Utilizzare questo selettore

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

Tutte le opzioni in cui il valore di attributo non è all, example on jsFiddle

Attribute not equal selector jQuery API

Answer 2

Se ho capito bene quello che stai cercando di fare, vorrei utilizzare un elenco casella di controllo invece e poi hanno un Seleziona tutto che controlla tutte le caselle invece di utilizzare un menu a discesa ...

Answer 3

Prova questa con il selettore di jQuery not()

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

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

}); 

Answer 4

evitare il problema; basta aggiungere disabled all'opzione superiore. Non vuoi che siano in grado di presentare questa opzione, comunque.

<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

È possibile utilizzare la non slector in questo modo:

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

Answer 6

Come su

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

Answer 7

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

forse è meglio:

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