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

哈莱姆·赛义德(Haleem Syed)

我有一个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

每行一个选项

谢谢。

罗南·塞皮斯(Ronen Cypis)

首先,您需要遍历options数组,并将值和文本收集到数据数组中,然后您可以对它进行任何处理,例如将其打印到页面上,如下所示:

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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

获取所有选择元素选项的文本?

来自分类Dev

如何获取选择中所有文本元素的边界框值?

来自分类Dev

如何获取不带标签的DOM和文本中的所有元素

来自分类Dev

如何获取选择元素的选项值

来自分类Dev

如何通过选项值获取选择元素

来自分类Dev

如何从多个选择选项中获取所有选择的值?

来自分类Dev

如何在脚本中进行选择之前获取所有选项ID值

来自分类Dev

量角器获取所有选择框(选项)值

来自分类Dev

选择框获取所有选项值jQuery

来自分类Dev

根据指定的数据属性创建一个带有值和文本的选择下拉选项

来自分类Dev

如何通过其文本获取选择的选项的值

来自分类Dev

选择选项时总结属性值和文本

来自分类Dev

从 Javascript 表中设置选择选项的值和文本

来自分类Dev

如何从所有文本字段获取所有值

来自分类Dev

如何从选择器中获取所有元素包含的属性的每个值?

来自分类Dev

如何将选择元素的值和文本移动到另一个选择元素

来自分类Dev

如何从多个选项中获取所有值

来自分类Dev

如何在jQuery中选择(获取)所有<select>元素

来自分类Dev

如何按顺序获取所有元素文本

来自分类Dev

从元素获取所有值

来自分类Dev

如何使用jQuery选择所有没有选择选项的select元素?

来自分类Dev

如何在特定标签内的xml中获取所有嵌套标签和文本?

来自分类Dev

如何使用.innnerHTML属性选择元素的所有值

来自分类Dev

如何从组合框选择的记录中获取所有值?

来自分类Dev

如何使用jQuery获取文本输入的所有值?

来自分类Dev

SAS和文本指针-不读取所有值

来自分类Dev

LINQ to XML:如何按值获取所有元素

来自分类Dev

如何获取输入数组元素jQuery的所有值

来自分类Dev

XPath获取元素中的所有文本作为一个值,删除<wbr />元素

Related 相关文章

  1. 1

    获取所有选择元素选项的文本?

  2. 2

    如何获取选择中所有文本元素的边界框值?

  3. 3

    如何获取不带标签的DOM和文本中的所有元素

  4. 4

    如何获取选择元素的选项值

  5. 5

    如何通过选项值获取选择元素

  6. 6

    如何从多个选择选项中获取所有选择的值?

  7. 7

    如何在脚本中进行选择之前获取所有选项ID值

  8. 8

    量角器获取所有选择框(选项)值

  9. 9

    选择框获取所有选项值jQuery

  10. 10

    根据指定的数据属性创建一个带有值和文本的选择下拉选项

  11. 11

    如何通过其文本获取选择的选项的值

  12. 12

    选择选项时总结属性值和文本

  13. 13

    从 Javascript 表中设置选择选项的值和文本

  14. 14

    如何从所有文本字段获取所有值

  15. 15

    如何从选择器中获取所有元素包含的属性的每个值?

  16. 16

    如何将选择元素的值和文本移动到另一个选择元素

  17. 17

    如何从多个选项中获取所有值

  18. 18

    如何在jQuery中选择(获取)所有<select>元素

  19. 19

    如何按顺序获取所有元素文本

  20. 20

    从元素获取所有值

  21. 21

    如何使用jQuery选择所有没有选择选项的select元素?

  22. 22

    如何在特定标签内的xml中获取所有嵌套标签和文本?

  23. 23

    如何使用.innnerHTML属性选择元素的所有值

  24. 24

    如何从组合框选择的记录中获取所有值?

  25. 25

    如何使用jQuery获取文本输入的所有值?

  26. 26

    SAS和文本指针-不读取所有值

  27. 27

    LINQ to XML:如何按值获取所有元素

  28. 28

    如何获取输入数组元素jQuery的所有值

  29. 29

    XPath获取元素中的所有文本作为一个值,删除<wbr />元素

热门标签

归档