如何获取选项标签并使用jquery插入到数组中

时间:2012-07-23 12:36:24

标签: jquery html arrays

我需要在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 ...在数组中。期权数量始终不变。我该怎么办?

4 个答案:

答案 0 :(得分:4)

试试这样:

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

答案 1 :(得分:1)

您可以使用map()方法,请尝试以下操作:

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

DEMO

答案 2 :(得分:1)

下面:

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

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

答案 3 :(得分:1)

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

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