Hinzufügen von Optionen zu einem <select> mit jQuery?

Question

Wie fügt man am einfachsten eine option zu einem Dropdown mit jQuery?

Wird das funktionieren?

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

Answer 1

Ich persönlich bevorzuge diese Syntax für das Anhängen von Optionen:

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

Wenn Sie Optionen aus einer Sammlung von Elementen hinzufügen, können Sie wie folgt vorgehen:

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

Answer 2

Dies funktionierte NICHT im IE8 (wohl aber im FF):

$("#selectList").append(new Option("option text", "value"));

Das hat funktioniert:

var o = new Option("option text", "value");
/// jquerify the DOM object 'o' so we can use the html method
$(o).html("option text");
$("#selectList").append(o);

Answer 3

Sie können die Option mit der folgenden Syntax hinzufügen, außerdem können Sie Art und Weise behandeln Option in jQuery für weitere Einzelheiten.

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

2. $('#select').append('<option value="1">One</option>');

3. var option = new Option(text, value); $('#select').append($(option));

Answer 4

Das ist ganz einfach:

$('#select_id').append('<option value="five" selected="selected">Five</option>');

oder

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

Answer 5

Wenn der Optionsname oder -wert dynamisch ist, müssen Sie sich nicht um die Umwandlung von Sonderzeichen kümmern; in diesem Fall ziehen Sie vielleicht einfache DOM-Methoden vor:

var s= document.getElementById('mySelect');
s.options[s.options.length]= new Option('My option', '1');