<select> 옵션을 통해 반복

나는이 <select>HTML의 요소를. 이 요소는 드롭 다운 목록을 나타냅니다. <select>JQuery를 통해 요소 의 옵션을 반복하는 방법을 이해하려고합니다 .

JQuery를 사용하여 <select>요소 에 각 옵션의 값과 텍스트를 표시하려면 어떻게합니까 ? alert()상자 에 표시하고 싶습니다 .

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

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

이것은 나를 위해 일했다

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

각각 인덱스와 요소에 매개 변수화 된 매개 변수를 사용할 수도 있습니다.

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

// 이것도 작동합니다

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

구글이 모든 사람들을 여기에 보내는 것처럼 보이기 때문에 추종자에게 필요한 비 jquery 방법 :

  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
  }

이것도 시도해 볼 수 있습니다.

귀하의 HTML코드

<select id="mySelectionBox">
    <option value="hello">Foo</option>
    <option value="hello1">Foo1</option>
    <option value="hello2">Foo2</option>
    <option value="hello3">Foo3</option>
</select>

당신은 JQuery코드

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

또는

var select =  $('#mySelectionBox')[0];

  for (var i = 0; i < select.length; i++){
    var option = select.options[i];
    alert (option.text + ' ' + option.value);
  }

$.each($("#MySelect option"), function(){
                    alert($(this).text() + " - " + $(this).val());                    
                });

Jquery를 원하지 않으면 (ES6을 사용할 수 있음)

for (const option of document.getElementById('mySelect')) {
  console.log(option);
}

jQuery없이 이미 제안 된 답변에 대한 또 다른 변형.

Object.values(document.getElementById('mySelect').options).forEach(option => alert(option))