Wie füge ich mit jQuery effizient Optionen zu einem Dropdown hinzu?

Dropdown-Optionen mit jQuery füllen

Frage:

Wie man mühelos Optionen zu einem hinzufügt Dropdown mit jQuery? Konkret ist dieser Codeausschnitt korrekt:

$("#mySelect").append('<option value=1>My option</option>');

Antwort:

Ja, der bereitgestellte Code ist funktionsfähig. Es gibt jedoch einen eleganteren Ansatz, um das gleiche Ergebnis zu erzielen.

Bevorzugte Syntax für Anhängeoptionen:

$('#mySelect').append($('<option>', {
    value: 1,
    text: 'My option'
}));

Mit dieser Syntax können Sie sowohl den Wert als auch angeben Text der Option in einer einzelnen Zeile.

Looping Through Collection of Elemente:

Wenn Sie mehrere Optionen aus einer Sammlung von Elementen hinzufügen müssen:

$.each(items, function (i, item) {
    $('#mySelect').append($('<option>', {
        value: item.value,
        text : item.text
    }));
});

Diese Methode durchläuft jedes Element in der Sammlung und erstellt dynamisch die erforderlichen Optionen.

Das obige ist der detaillierte Inhalt vonWie füge ich mit jQuery effizient Optionen zu einem Dropdown hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!