【问题标题】:how to get option labels and insert into array using jquery如何使用jquery获取选项标签并插入数组
【发布时间】:2012-07-23 20:47:05
【问题描述】:

我需要 javascript 数组中的所有选项标签。

html代码:

<select name="name" id="id">
  <option value="val1">lab1</option>
  <option value="val2">lab2</option>
  <option value="val3">lab3</option>
  <option value="val4">lab4</option>
  <option value="val5">lab5</option>
</select>

此代码对我不起作用:

我想在数组中有lab1lab2...。选项的数量并不总是相同的。我该怎么办?

【问题讨论】:

  • 哪些代码不适合你?
  • 我只是不知道该怎么做

标签: jquery html arrays


【解决方案1】:

试试这样:

var labels = $("#id>option").map(function(){
    return $(this).text();
}).get();
//["lab1","lab2","lab3","lab4","lab5"]

【讨论】:

    【解决方案2】:

    这里:

    var arr = $( '#id' ).children().map(function () {
        return $( this ).text();
    }).get();
    

    现场演示:http://jsfiddle.net/HXgE6/(打开控制台查看结果)

    【讨论】:

      【解决方案3】:
      $('#id').children().map(function() {
          return $(this).text();
      });
      

      Demo(打开控制台查看数组)

      【讨论】:

        【解决方案4】:

        你可以使用map()方法,试试下面的方法:

        var lab = $('#id option').map(function(){
                       return $(this).text() // or return this.InnerHTML
                  })
        

        DEMO

        【讨论】:

          猜你喜欢
          • 2011-01-11
          • 1970-01-01
          • 1970-01-01
          • 2023-03-12
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多