javascript - 获取多项选择的选项值

Question

JS

function getLandmarks(places, stores) {
  console.log(places);
}

HTML

<select name="places[]" id="places" onchange="getLandmarks(this.value, '');" multiple="multiple">
<option value="1">Place 1</option>
<option value="2">Place 2</option>
<option value="3">Place 3</option>
<option value="4">Place 4</option>
</select>

基于上述情况，我无法获得我选择的多个项目的价值。如果我选择“放置 1”，则console.log显示1是正确的。但是，如果我进行多项选择，我选择的第一个选项的值就是我总是得到的值。我怎样才能得到至少一个选项值的数组？或者我需要为此使用 jQuery 吗？

Answer 1

您可以使用.val()

<select name="places[]" id="places" onchange="getLandmarks($(this).val(), '');" multiple="multiple">
<option value="1">Place 1</option>
<option value="2">Place 2</option>
<option value="3">Place 3</option>
<option value="4">Place 4</option>
</select>

演示：小提琴