Ich habe ein select
Feld mit einigen Optionen. Jetzt muss ich eine davon options
mit jQuery auswählen . Aber wie kann ich tun, wenn ich weiß , nur die value
von der , option
die ausgewählt werden müssen?
Ich habe folgendes HTML:
<div class="id_100">
<select>
<option value="val1">Val 1</option>
<option value="val2">Val 2</option>
<option value="val3">Val 3</option>
</select>
</div>
Ich muss die Option mit Wert auswählen val2
. Wie kann das gemacht werden?
Hier ist eine Demoseite: http://jsfiddle.net/9Stxb/
Antworten:
Es gibt einen einfacheren Weg, bei dem Sie nicht in das Options-Tag gehen müssen:
Schauen Sie sich diese jQuery-Methode an .
quelle
.val(["Multiple2", "Multiple3"])
. api.jquery.com/val/#val-value.val(x).change();
, um das onChange-Ereignis der Auswahl auszulösen. Es scheint, dass das Setzen von val () es nicht auslöst.So wählen Sie eine Option mit dem Wert 'val2' aus:
quelle
.val()
bei der Auswahl einen Wert auswählen, der nicht vorhanden ist, wird die Auswahl aufgehoben.$("select[name=foo] option[value=bar]).attr('selected','selected');
was auch für alle von mir getesteten Browser gut funktioniert hat.Verwenden Sie das
change()
Ereignis nach Auswahl des Werts. Aus den Dokumenten:Weitere Informationen finden Sie unter .change () .
quelle
prop
,attr
usw. und progagates alle richtig Ereignisse.Deaktivieren Sie zuerst alle und filtern Sie die auswählbaren Optionen:
quelle
selected
. Meinten Sie.prop()
?Einstellung auf ausstehenden Status nach Wert
quelle
Für mich hat das Folgende den Job gemacht
quelle
Ich denke, der einfachste Weg ist die Auswahl von val (), aber Sie können Folgendes überprüfen. Siehe Wie gehe ich mit Auswahl- und Options-Tags in jQuery um? Weitere Informationen zu Optionen.
Nicht optimiert, aber in einigen Fällen ist auch die folgende Logik hilfreich.
quelle
Sie können jedes Attribut und seinen Wert mithilfe der Attributauswahl
[attributename=optionalvalue]
auswählen. In Ihrem Fall können Sie also die Option auswählen und das ausgewählte Attribut festlegen.Wo
value
ist der Wert, nach dem Sie auswählen möchten?Wenn Sie zuvor ausgewählte Werte entfernen müssen, wie dies bei mehrmaliger Verwendung der Fall wäre, müssen Sie diese geringfügig ändern, um zuerst das ausgewählte Attribut zu entfernen
quelle
Der beste Weg ist wie folgt:
quelle
$('<select>').val('asdf')
die Auswahl nicht aktualisiert, um die aktuell ausgewählte Option anzuzeigen. Diese Antwort hat dieses Problem behoben.Eine einfache Antwort ist bei HTML
Rufen Sie bei jquery die unten stehende Funktion per Taste oder was auch immer auf
es ist einfach und 100% funktioniert, weil es meiner Arbeit entnommen ist ... :) hoffe, es hilft ..
quelle
Es gibt keinen Grund, dies zu überdenken. Sie greifen lediglich auf eine Eigenschaft zu und legen sie fest. Das ist es.
Okay, also einige grundlegende dom: Wenn Sie dies in reinem JavaScript tun würden, würden Sie dies tun:
Aber Sie machen es nicht mit reinem JavaScript, sondern mit jQuery. Und in jQuery möchten Sie die Funktion .prop () verwenden, um eine Eigenschaft festzulegen. Gehen Sie also folgendermaßen vor:
Stellen Sie auf jeden Fall sicher, dass Ihre ID eindeutig ist. Andernfalls schlagen Sie mit dem Kopf gegen die Wand und fragen sich, warum dies nicht funktioniert hat.
quelle
Der einfachste Weg, dies zu tun, ist:
HTML
jQuery
quelle
Es ist besser,
change()
nach dem Einstellen des Auswahlwerts zu verwenden.Auf diese Weise wird der Code fast die Auswahl durch den Benutzer ändern. Die Erklärung ist in JS Fiddle enthalten :
JS Fiddle
quelle
$('#graphtype option[value=""]').prop("selected", true);
Dies funktioniert gut, wenn
#graphtype
die ID des Select-Tags angegeben ist.Beispiel Tag auswählen:
quelle
quelle
Verwenden:
Das funktioniert bei mir. Ich verwende diesen Code zum Parsen eines Werts in einem Fancybox-Aktualisierungsformular. Meine vollständige Quelle aus app.js lautet:
Und mein PHP-Code lautet:
quelle
.attr () funktioniert manchmal nicht in älteren jQuery-Versionen, aber Sie können .prop () verwenden :
quelle
Dies funktioniert sicher für Select Control :
quelle
Geben Sie einfach diesen Code ein:
quelle
Quelle Link -
Verwenden Sie die val () jQuery-Methode für die Auswahl einzelner und mehrerer Werte in DropDown
HTML
quelle
Versuche dies. Einfaches und dennoch effektives JavaScript + jQuery die tödliche Kombination.
SelectComponent:
Auswahl :
Nun wird Ihre Option 4 ausgewählt. Sie können dies tun, um die Werte beim Start standardmäßig auszuwählen.
oder erstellen Sie eine einfache Funktion, fügen Sie die Zeile ein und rufen Sie die Funktion auf anyEvent auf, um die Option auszuwählen
Eine Mischung aus jQuery + JavaScript macht die Magie ....
quelle
Ist ein alter Beitrag, aber hier ist eine einfache Funktion, die sich wie ein jQuery-Plugin verhält.
Sie können einfach so etwas tun:
Reson, warum dies verwendet wird, liegt daran, dass Sie den ausgewählten Satemant in DOM ändern, was von Crossbrowsern unterstützt wird, und auch eine Änderung auslösen, die Sie abfangen können.
Ist grundsätzlich menschliche Handlungssimulation.
quelle
case sensative
. Sie können Ihr Auswahlfeld dynamisch wie folgt ändern:$("div#YOUR_ID").val(VALUE_CHANGED).change(); //value must present in options you selected otherwise it will not work
quelle
Es scheint ein Problem mit ausgewählten Dropdown-Steuerelementen zu geben, die sich nicht dynamisch ändern, wenn die Steuerelemente dynamisch erstellt werden, anstatt sich auf einer statischen HTML-Seite zu befinden.
In jQuery hat diese Lösung für mich funktioniert.
Genau wie ein Nachtrag funktionierte die erste Codezeile ohne die zweite Zeile tatsächlich transparent. Das Abrufen des ausgewählten Index war nach dem Festlegen des Index korrekt. Wenn Sie tatsächlich auf das Steuerelement geklickt haben, wurde das richtige Element angezeigt, dies wurde jedoch nicht angezeigt in der oberen Beschriftung des Steuerelements.
Hoffe das hilft.
quelle
Ein Problem, auf das ich gestoßen bin, als der Wert eine ID und der Text ein Code ist. Sie können den Wert nicht mithilfe des Codes festlegen, haben jedoch keinen direkten Zugriff auf die ID.
quelle
Für mich geht das
quelle
Das funktioniert gut
quelle