遍历<select>选项

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

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

当前回答

也可以使用带有index和元素的参数化each。

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

2014-11-19 06:44:42

其他回答

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

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

2010-06-01 13:31:50

这对我很有效

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

2012-05-04 06:50:15

和必要的，非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
  }

2017-04-07 21:56:35

也可以使用带有index和元素的参数化each。

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

2014-11-19 06:44:42

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

2018-10-10 09:48:05

遍历<select>选项

推荐文章

最新文章

标签