Lặp lại thông qua các tùy chọn <select>

Tôi có một <select>yếu tố trong HTML. Yếu tố này đại diện cho một danh sách thả xuống. Tôi đang cố gắng hiểu cách lặp qua các tùy chọn trong<select> phần tử thông qua JQuery.

Làm cách nào để sử dụng JQuery để hiển thị giá trị và văn bản của từng tùy chọn trong một <select>phần tử? Tôi chỉ muốn hiển thị chúng trong một alert()hộp.

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

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

Điều này làm việc cho tôi

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

cũng có thể sử dụng từng tham số với chỉ số và phần tử.

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

// cái này cũng sẽ hoạt động

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

Và cách cần thiết, không gây cười, cho người theo dõi, vì google dường như gửi tất cả mọi người ở đây:

  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
  }

Bạn có thể thử như thế này quá.

HTMLMã của bạn

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

Bạn JQueryMã

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

HOẶC LÀ

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

Nếu bạn không muốn Jquery (và có thể sử dụng ES6)

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

Một biến thể khác về các câu trả lời đã được đề xuất mà không có jQuery.

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