如何使用jQuery使用select name获取多个select的所有选项

时间:2016-12-23 11:04:18

标签: javascript jquery

我在页面上有多个选项,名称="类别"我想从多个下拉列表中获取所有选项文本,并希望存储在数组中。 我谷歌,但大多数示例都带有jquery和基于Id。

2 个答案:

答案 0 :(得分:1)

从您的代码中,提供name以选择并尝试按如下方式访问它,



$(document).ready(function() {

  var optionValues = [];

  $('select[name=sameSelect] option').each(function() {
    optionValues.push($(this).text());
  });

  $('#result').html(optionValues);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="state" name="sameSelect">
  <option value="state1">state1</option>
  <option value="state2">state2</option>
  <option value="state3">state3</option>
</select>

<p id="result"></p>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

下面的代码初始化一个空数组,获取与选择器匹配的所有项,然后迭代它们并将它们的内部文本推送到数组中。

var selector = 'select[name="categories"] option';
var optionsText = [];
var context = document.querySelectorAll(selector);
for (var index in context) {
    optionsText.push(context[index].innerText);
}
//Do something with optionsText