获取多个选择的选项值

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>

演示：Fiddle