javascript - 从多选中检索所有选定的选项

Question

<select id="abc" multiple="multiple">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
    <option value="D">D</option>
    <option value="E">C</option>
</select>

我希望检索所有选定的值。

无论我尝试什么，它似乎只给我列表中最低的所选项目的值。因此，如果我选择 A、B 和 C，它只会返回 C。

这些是我尝试过的:

$('#abc').val()
$('#abc').text()
$('#abc :selected').val()
$('#abc :selected').text()
$('#abc option:selected').val()
$('#abc option:selected').text()

我使用的jQuery版本是v1.9.1

Answer 1

您需要使用 .each() 遍历 select 中的所有选定元素以单独访问它们:

$('#abc :selected').each(function(){ 
    console.log($(this).text()); 
});

或者获取数组中的值

var selectedvals = $('#abc').val();

http://jsfiddle.net/spwSL/