jQuery: Ausgewählten Wert der Dropdown-Liste festlegen?

Lesezeit: 2 Minuten

Simon

Was ist falsch an diesem Code?

jQuery

$(document).ready(function() {
    $("#routetype").val('quietest');
)};

HTML

<select id="routetype" name="routetype">
    <option value="fastest">Fastest</option>
    <option selected="true" value="balanced">Balanced</option>
    <option value="quietest">Quietest</option>
</select>

Geige

Es gibt mir “Ausgeglichen” als ausgewählte Option, nicht “Leiseste”.

Sie müssen jQuery in der Dropdown-Liste auf der linken Seite auswählen und haben einen Syntaxfehler, weil die $(document).ready sollte mit enden }); nicht )}; Sehen: jsfiddle.net/x3UyB/2

– mVChr

27. April 2011 um 20:21 Uhr
@mVChr das solltest du als Antwort posten =)

– LostLin

27. April 2011 um 20:24 Uhr
@mVChr danke, bitte als Antwort posten 🙂

– Simon

27. April 2011 um 20:52 Uhr

Mattsven

AKTUALISIERTE ANTWORT:

Alte Antwort, die richtige Methode ist heutzutage die Verwendung von jQuery .prop(). IE, element.prop("selected", true)

ALTE ANTWORT:

Verwenden Sie stattdessen Folgendes:

$("#routetype option[value="quietest"]").attr("selected", "selected");

Gefummelt: http://jsfiddle.net/x3UyB/4/

Was ist, wenn ich eine Variable anstelle eines fest codierten Werts verwenden möchte (wie “leise”?

– Kevin Meredith

10. Juli 2013 um 2:22 Uhr
@Kevin Kannst du immer machen $("#routetype option").each() um Dropdown-Werte zu vergleichen, oder einfach nur $("#routetype option[value='"+option_value+"']");

– Mattsven

10. Juli 2013 um 5:23 Uhr
@mattsven, ich bekomme auf diese Weise bei zwei Optionen selected=’s selected’. nur ein FYI.

– Kalbsschnitzel

28. März 2014 um 12:35 Uhr

mVChr

Sie müssen jQuery in der Dropdown-Liste auf der linken Seite auswählen und haben einen Syntaxfehler, weil die $(document).ready sollte mit enden }); nicht )}; Überprüfen Sie diesen Link.

Vielen Dank. Eigentlich lag das Problem daran, dass ich mit jQuery Mobile gearbeitet habe und Sie anrufen müssen $("#routetype").selectmenu('refresh'); auch um das Gezeigte zu aktualisieren.

– Simon

11. Mai 2011 um 8:56 Uhr

Hardik

Sie können den Dropdown-Optionswert nach Namen auswählen

jQuery("#option_id").find("option:contains('Monday')").each(function()
{
 if( jQuery(this).text() == 'Monday' )
 {
  jQuery(this).attr("selected","selected");
  }
});

12290000cookie-checkjQuery: Ausgewählten Wert der Dropdown-Liste festlegen?

#Abfrage #Javascript