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

Wenn Sie die neue Option an einem bestimmten Index in die Auswahl einfügen möchten:

$("#my_select option").eq(2).before($('<option>', {
    value: 'New Item',
    text: 'New Item'
}));

Dadurch wird das "Neue Element" als 3. Element in die Auswahl eingefügt.

Answer 2

Es gibt zwei Möglichkeiten. Sie können eine dieser beiden Möglichkeiten nutzen.

Erstens:

$('#waterTransportationFrom').append('<option value="select" selected="selected">Select From Dropdown List</option>');

Zweitens:

$.each(dataCollecton, function(val, text) {            
    options.append($('<option></option>').val(text.route).html(text.route));
});

Answer 3

Wie wäre es damit

var numbers = [1, 2, 3, 4, 5];
var option = '';

for (var i=0;i<numbers.length;i++){
     option += '<option value="'+ numbers[i] + '">' + numbers[i] + '</option>';
    }

    $('#items').append(option);

Answer 4

Sie können das Attribut Wert mit Text anhängen und setzen:

$("#id").append($('<option></option>').attr("value", '').text(''));
$("#id").append($('<option></option>').attr("value", '4').text('Financial Institutions'));

Answer 5

Wir haben ein Problem gefunden, wenn Sie die Option append und jquery validate verwenden. Sie müssen ein Element in der Liste auswählen mehrere klicken. Sie werden diesen Code hinzufügen, um zu behandeln:

$("#phonelist").append("<option value='"+ 'yournewvalue' +"' >"+ 'yournewvalue' +"</option>");

$("#phonelist option:selected").removeAttr("selected"); // add to remove lase selected

$('#phonelist option[value=' + 'yournewvalue' + ']').attr('selected', true); //add new selected