[jquery] <select> 옵션을 통해 반복

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

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

답변

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

답변

이것은 나를 위해 일했다

$(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);
}