Ausgewählte Option der Selectbox einstellen

Question

Ich möchte festlegen, dass eine Option, die zuvor ausgewählt wurde, beim Laden der Seite angezeigt wird. Ich habe es mit dem folgenden Code versucht:

$("#gate").val('Gateway 2');

mit

<select id="gate">
    <option value='null'>- choose -</option>
    <option value='gateway_1'>Gateway 1</option>
    <option value='gateway_2'>Gateway 2</option>
</select>

Aber das funktioniert nicht. Irgendwelche Ideen?

Answer 1

Das sollte auf jeden Fall funktionieren. Hier ist eine Demo . Stellen Sie sicher, dass Sie Ihren Code in eine $(document).ready :

$(function() {
    $("#gate").val('gateway_2');
});

Answer 2

$(document).ready(function() {
    $("#gate option[value='Gateway 2']").prop('selected', true);
    // you need to specify id of combo to set right combo, if more than one combo
});

Answer 3

$('#gate').val('Gateway 2').prop('selected', true);

Answer 4

  $("#form-field").val("5").trigger("change");

Answer 5

Ich habe festgestellt, dass die Verwendung der Methode jQuery .val() einen erheblichen Nachteil hat.

<select id="gate"></select>
$("#gate").val("Gateway 2");

Wenn sich dieses Auswahlfeld (oder ein anderes Eingabeobjekt) in einem Formular befindet und eine Schaltfläche zum Zurücksetzen im Formular verwendet wird, wird der eingestellte Wert gelöscht und nicht auf den Anfangswert zurückgesetzt, wie man es erwarten würde.

Das scheint für mich am besten zu funktionieren.

Für Auswahlfelder

<select id="gate"></select>
$("#gate option[value='Gateway 2']").attr("selected", true);

Für Texteingaben

<input type="text" id="gate" />
$("#gate").attr("value", "your desired value")

Für Textarea-Eingaben

<textarea id="gate"></textarea>
$("#gate").html("your desired value")

Für Kontrollkästchen

<input type="checkbox" id="gate" />
$("#gate option[value='Gateway 2']").attr("checked", true);

Für Optionsfelder

<input type="radio" id="gate" value="this"/> or <input type="radio" id="gate" value="that"/>
$("#gate[value='this']").attr("checked", true);