jQuery map select =“multiple”into array

时间:2016-12-06 22:48:03

标签: jquery

您好我有以下内容:

<select multiple="multiple" class="form-control" name="EmployeeId">
    <option selected="selected" value="123">123</option>                                               
    <option value="323">323</option>                                               
    <option value="443">443</option>                                               
    <option value="534">534</option>                                               
    <option value="144">144</option>                                               
    <option value="587">587</option>                                               
    <option value="433">433</option>                                               
</select>

我希望使用jQuery将所有值(未选中和选中)转换为整数数组。我想这可以使用.map

来完成

3 个答案:

答案 0 :(得分:1)

您可以将map功能与get()结合使用:

&#13;
&#13;
console.log($('select.form-control').find('option').map(function() {
  return $(this).val()
}).get())
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select multiple="multiple" class="form-control" name="EmployeeId">
    <option selected="selected" value="123">123</option>                                               
    <option value="323">323</option>                                               
    <option value="443">443</option>                                               
    <option value="534">534</option>                                               
    <option value="144">144</option>                                               
    <option value="587">587</option>                                               
    <option value="433">433</option>                                               
</select>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您需要获取选项数组,然后您可以应用地图。但你也可以和每个人一起做这件事。

$('#EmployeeId').find('option').each(function() {
    alert($(this).val());
});

答案 2 :(得分:0)

你可以使用$('select')。text()获取所有值并将其分配给数组

检查此代码段

var foo = $('#empselect').text();
console.log(foo);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="empselect" multiple="multiple" class="form-control" name="EmployeeId">
  <option selected="selected" value="123">123</option>
  <option value="323">323</option>
  <option value="443">443</option>
  <option value="534">534</option>
  <option value="144">144</option>
  <option value="587">587</option>
  <option value="433">433</option>
</select>

希望有所帮助