Optionen in ein HTML Select mit Javascript einfügen

Question

Ich habe ein Select Dropdown

<select id="myselect">
    <option value="1">Fastest</option>
    <option value="2">Balanced</option>
    <option value="3">Quietest</option>
</select>

Wie kann ich mit Javascript eine Option hinzufügen?

function test() {
	var newOption = document.createElement("option");
	newOption.attr('value', 4).text("Neu");
	document.getElementById("myselect").append(newOption);
}

Answer 1

Du erstellst "newOption" als Standard DOM Element das keine jQuery Methoden wie .attr() und .text() unterstützt. Du kannst entweder JQuery nutzen

function test() {
    var newOption = $('<option>').attr('value', 4).text("Neu");
    $('#myselect').append(newOption);
}

oder alles in Vanilla Javascript.

function test() {
    var newOption = document.createElement("option");
    newOption.value = 4;  
    newOption.text = "Neu";  
    document.getElementById("myselect").appendChild(newOption);  
}