如何在jquery中获取列表框的所有值？答案

【问题标题】：How to get listbox all values in jquery?如何在jquery中获取列表框的所有值？
【发布时间】：2014-07-17 19:46:22
【问题描述】：

如何在 jquery 中获取列表框的所有值？

我有像这样的HTML代码

<div class="right" style="width: 300px">
<fieldset class="field_set">
    <legend>Add Area</legend>
    <select id="addArea-list" multiple="multiple" style="width: 250px"></select>
    <br/> <a href="#" id="addArea">Add Multiple Areas</a>

</fieldset>

我在 jquery 中的按钮单击中添加列表框值，如下所示

     var value = $("#Area_name").val(); // value added 
     $("#addArea-list").append($('<option></option>').attr('value', value).text(value));

如何在 jquery 中获取列表框的所有值。

我已经尝试过，但我得到了所有值附加返回单个值

    var floors = [];
$("#addArea-list").each(function () {
    debugger;
    floors.push({
        FloorName: $(this).text()
    });
});

如果我的列表框有以下值表示 text1 ， text2 ， text3

它返回 text1text2text3 ...如何获取每个值？

【问题讨论】：

标签： jquery html listbox

【解决方案1】：

使用 jQuery 的 map()，它将遍历匹配项并将函数返回的值推送到 jQuery 集合。使用.get()将返回的jQuery对象转换为标准数组：

var floors = $("#addArea-list option").map(function () {
    return this.value;
}).get();

JSFiddle

【讨论】：