Question

我有一个带有大量选项列表的select元素（超过2000个）。

我想逐个获取每个选项的值和名称。

<select name='county_city' id='county_city'>
  <OPTION value="51421">City one</OPTION>
  <OPTION value="51422">City two</OPTION>
  <OPTION value="51423">City three</OPTION>
  <OPTION value="51424">City four</OPTION>
</select>

我想要的是，

51421 = City one
51422 = City two
51423 = City three
51424 = City four

每行一个选项..

感谢。

Answer 1

使用以下代码： -

<强> HTML

<select name='county_city' id='county_city'>
<OPTION value="51421">City one</OPTION>
<OPTION value="51422">City two</OPTION>
<OPTION value="51423">City three</OPTION>
<OPTION value="51424">City four</OPTION>
</select>

<强> JQuery的

$(document).ready(function() {
  $("#county_city OPTION").each(function(index){  
alert(this.value);
alert(this.text);
  });
});

Answer 2

首先，您需要遍历option s数组，并收集值＆amp;将文本转换为数据数组，然后你可以用它做任何你喜欢的事情，例如将它打印到页面上，如下所示：

var data = [];
$('#county_city option').each(function(){
  var current = $(this);
  data.push({
    value: current.val(),
    text: current.html()
  })
});


$.each(data, function(){
  console.log(this);
  $('#result').append(this.value + ': ' + this.text)
              .append('<br />');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name='county_city' id='county_city'>
<OPTION value="51421">City one</OPTION>
<OPTION value="51422">City two</OPTION>
<OPTION value="51423">City three</OPTION>
<OPTION value="51424">City four</OPTION>
</select>

<div id="result"></div>

如何获取select元素的所有选项的值和文本

2 个答案: