javascript - 在多选中获取值

Question

我一直在尝试获取多选框中的值并将其放入数组中。我试过这个:

JQUERY

var selectedValues = $('#multipleSelect').val();

HTML

<select id="multipleSelect" multiple="multiple">
    <option value="1">Text 1</option>
    <option value="2">Text 2</option>
    <option value="3">Text 3</option>
</select>

来自 this SO question 的 Darin Dimitrov .

我想知道是否有一种方法可以在不选择任何内容的情况下获取多选框中的所有值。

Answer 1

一种选择是映射和获取值

var values = $("#multipleSelect option").map(function(){return this.value}).get();

//console.log( values );
alert( values );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="multipleSelect" multiple="multiple">
   <option value="1">Text 1</option>
   <option value="2">Text 2</option>
   <option value="3">Text 3</option>
</select>