Iterate durch <select> Optionen

Question

Ich habe ein <select> Element in HTML. Dieses Element repräsentiert eine Dropdown-Liste. Ich versuche zu verstehen, wie man die Optionen im <select> Element über JQuery iteriert.

Wie verwende ich JQuery, um den Wert und den Text jeder Option in einem <select> Element anzuzeigen? Ich möchte sie nur in einer alert() Box anzeigen.

Answer 1

$("#selectId > option").each(function() { 
    alert(this.text + ' ' + this.value); 
}); 

• http://api.jquery.com/each/
• http://jsfiddle.net/Rx3AP/

Answer 2

Dieser arbeitete für mich

$(function() { 
    $("#select option").each(function(i){ 
     alert($(this).text() + " : " + $(this).val()); 
    }); 
}); 

Answer 3

auch parametrisierte jeweils mit dem Index und dem Element verwenden können.

$('#selectIntegrationConf').find('option').each(function(index,element){ 
console.log(index); 
console.log(element.value); 
console.log(element.text); 
}); 

// dies auch

$('#selectIntegrationConf option').each(function(index,element){ 
console.log(index); 
console.log(element.value); 
console.log(element.text); 
}); 

Answer 4

und die erforderlichen, nicht-jquery Weise für Anhänger arbeiten, da google jeder scheint hier zu senden:

var select = document.getElementById("select_id"); 
    for (var i = 0; i < select.length; i++){ 
    var option = select.options[i]; 
    // now have option.text, option.value 
    } 

Answer 5

auch nicht jQuery

[...select].forEach(el => { 
    // code 
});