2010-03-09 4 views
8

Ich kann nicht herausfinden, wie man eine Multi-Select-Option mit dem Wert korrekt auswählt und die anderen Optionen, die alleine ausgewählt sind, belässt.Wie verwende ich Jquery zum Suchen und Auswählen einer Multi-Select-Option nach dem Wert?

Update Es funktioniert, danke! Ich hatte die Multi-Auswahl ausgeblendet und ich dachte, Firebug würde die Option auf "ausgewählt" aktualisieren, tut es aber nicht. Wenn ich das Mehrfachauswahlfeld "zeige", nachdem ich das Attribut auf "ausgewählt" gesetzt habe, wurde es ausgewählt. Das war also auch Teil meines Problems, welcher Feuerwahn mich hinter der Szene zeigte.

+0

Sie können die Option nach Wert $ ("# multiselect> op [Sorry, ich kann nicht verstehen, was du sagst "und lass die anderen Optionen, die alleine ausgewählt sind" – Kirzilla

+0

Ich denke, ich war weit weg, also habe ich die anderen ausgewählten Optionen vermasselt als in Nichts wurde mehr ausgewählt. Mit dem, was Sie haben, nehme ich an, dass es es richtig finden wird, aber dann verwende ich .Attr (ausgewählt, "ausgewählt") danach? – Breadtruck

+0

$ ("# multiselect> option [wert = 'yourvaluehere']"). Attr ("ausgewählt", "ausgewählt"); – Kirzilla

Antwort

24

eine individuelle Option zu wählen, allein den Rest verlassen:

$("#selectID option[value='" + myValue + "']").attr('selected', 'selected'); 

Oder alternativ da .val() gibt einen Array im Multiselect Fall:

var vals = $("#selectID").val(); 
vals.push(myValue); 
$("#selectID").val(vals); 
+2

+1 für die '.val()' Lösung – gnarf

+0

Es funktioniert, danke! Ich hatte die Multi-Auswahl ausgeblendet und ich dachte, Firebug würde die Option auf "ausgewählt" aktualisieren, tut es aber nicht. Wenn ich die Box nach dem Einstellen der Attr "zeige", wurde sie ausgewählt. Das war also auch Teil meines Problems, welcher Feuerwahn mich hinter der Szene zeigte. – Breadtruck

+0

@gnarf - Ich stimme zu, dass .val() Lösung sehr praktisch sein wird! – Breadtruck

0

Sie können Folgendes zu suchen und zu Wählen Sie Mehrfachauswahl Dropdown

$('#selectID ').children("option[value=" + myValue + "]").prop("selected", true); 
Verwandte Themen