Bootstrap 3 - Wählen Sie alle Optionen mit Mehrfachauswahl

Habe ich die folgenden multiple select-Feld aus Bootstrap 3 framework:

<select class="selectpicker" multiple name="regions" id="regions">
    <option value="99">All regions</option>
    <option value="AC">AC</option>
    <option value="AL">AL</option>
    <option value="AP">AP</option>
</select>

Und Ihre jQuery-code:

$("#regions").change(function(){
    if($("option:selected:last",this).val() == 99){
        $('#regions option').prop('selected', true);
    } else{
        $('#regions option').prop('selected', false);
    }
});

Das Problem ist: wenn das "Alle Regionen" - option ausgewählt ist, wird die mehrfach-Auswahl nicht aktualisiert, mit allen gewählten Optionen.

Scratch, dass - hier ist ein Turnschuh und es scheint zu funktionieren, außer der Tatsache, dass der code nicht lassen Sie Sie wählen Sie die anderen Optionen... Hier ist ein Turnschuh, die noch können Sie weitere Optionen wählen, einzigartig, und hier ist eins, können Sie wählen mehrere andere Optionen, während immer noch die Auswahl von allen an der Spitze.
Hinweis: wenn Sie Probleme mit Ihren original-code funktioniert, versuchen Sie es mit .attr('selected', 'selected') statt prop()

InformationsquelleAutor Alan Gularte | 2014-07-16

jquery twitter-bootstrap

1

Wenn Sie die bootstrap-select Komponente, zwei Optionen:

1. Gebaut in

Hinzufügen
```
data-actions-box="true" 
```
Ihrer select-tag in html.

Wenn Sie brauchen, benutzerdefinierte Etiketten:
```
$.fn.selectpicker.defaults = { 
  selectAllText: "All",
  deselectAllText: "None"
}
```
2. Manuell

Können Sie aktivieren/deaktivieren Sie alle Optionen im html wählen und aktualisieren Sie die bootstrap-Komponente wählen:
```
$("#your-select option").attr("selected", *value)
$("#your-select").selectpicker("refresh") //must be already initialized
*value  = true | "selected" | false | null
```
Hinweis: in meinen tests mit Hilfe von bootstrap-select-und dieser Ansatz ist, konnte ich nur "Auswahl aufheben". Als ich versuchte, Sie auf alle auswählen, wird die Komponente nicht aktualisiert wurde.

https://github.com/silviomoreto/bootstrap-select/issues/825
- Dies gilt nicht bieten eine Antwort auf die Frage. Zu Kritik oder fordern Sie die Klärung von Autor, lassen Sie einen Kommentar unten Ihre post - Sie können immer einen Kommentar auf deine eigenen Beiträge, und einmal haben Sie ausreichend Ruf Sie werden in der Lage sein Kommentar auf jedem post.
- Sorry, ich glaube, ich missverstanden, wie die SO funktioniert. Jetzt habe ich bearbeitet die post versucht die Frage zu beantworten.
- Danke! Sollte gut werden, jetzt, viel besser!
- Die richtige Antwort ist-Daten-Aktionen-box="true" (plural), bearbeitet ich, und ich gab +1, um Sie.
InformationsquelleAutor Menegazzo
0

Hoffe, dies hilft jemand, der diese Frage derzeit!

Im nicht sicher, was Sie genau zu erreichen versucht, wenn ich es richtig Sie möchten, wählen Sie alle, wenn der Benutzer wählt, die erste mit der value=99 und wählen Sie Personen, wenn Sie andere auswählen richtig?
```
$("#regions").change(function(){
    var selectedValue = $("option:selected", this).val();
    if(selectedValue == 99){
        $('option', this).prop('selected', true);
    } else{
        $(this).prop('selected', true);
        $(this).siblings().prop('selected', true);
    }
});
```
Siehe Beispiel: https://jsfiddle.net/pwdu8wab/4/

InformationsquelleAutor Jerad Rutnam

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Hoffe, dies hilft jemand, der diese Frage derzeit!