jquery wybierz opcje wprowadzania danych, z wyjątkiem jednego:

Question

Mam wybór wielokrotny, który zawiera wiele źródeł, z których pochodził odwiedzający. Mam również opcję (z wartością "wszystkie") na górze wszystkich opcji.

Gdy ktoś kliknie tę opcję, wszystkie opcje zostaną wybrane. A ta część jest łatwa. Dodałem opcję wielokrotnego wyboru i jquery, która nasłuchuje zdarzenia kliknięcia.

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

}); 

tej pory działa świetnie! JQuery wybierze oczywiście również opcję górną.

Czy istnieje sposób, aby powiedzieć jquery, aby wykluczyć wybór tej jednej opcji?

Answer 1

Użyj tego selektor

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

Wszystkie opcje w których wartość atrybutu nie jest all, example on jsFiddle

Attribute not equal selector jQuery API

Answer 2

Jeśli dobrze rozumiem, co próbujesz zrobić, chciałbym zamiast tego użyj listy wyboru, a następnie wybierz wszystko, co sprawdza wszystkie pola zamiast listy rozwijanej ...

Answer 3

Spróbuj używając not() selektor jQuery

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

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

}); 

Answer 4

uniknąć problemu; po prostu dodaj disabled do górnej opcji. W każdym razie nie chcesz, aby mogli przesłać tę opcję.

<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

można użyć nie slector tak:

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

Answer 6

Jak o

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

Answer 7

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

może jej lepiej:

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