2025-01-01 07:00:01

遍历<select>选项

我在HTML中有一个<select>元素。该元素表示一个下拉列表。我试图了解如何通过JQuery迭代<select>元素中的选项。

如何使用JQuery在<select>元素中显示每个选项的值和文本?我只是想在一个alert()框中显示它们。


当前回答

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

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

其他回答

在尝试了几段代码后,仍然没有工作,我去了select2.js的官方文档。 链接如下: https://select2.org/programmatic-control/add-select-clear-items

因此,清除select select2 js的方法是:

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

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

和必要的,非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
  }
$.each($("#MySelect option"), function(){
                    alert($(this).text() + " - " + $(this).val());                    
                });

如果你不需要Jquery(可以使用ES6)

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