多次选择，尝试过val（），无法获取值

Question

所以我已经阅读了有关此问题的其他问题，我似乎无法让它发挥作用。 我有这个HTML：

    <select name="filter" id="filter" multiple="multiple" data-native-menu="false">
    <option>Choose Filter</option>
    <option value="Matt"> Matt</option>
    <option value="Brian"> Brian </option>
    </select>

然而使用此代码：

    $("#filter").val()

即使选择了选项，也会返回一个空字符串。

Answer 1

$('#filter').change(function(){
    var selectedValues = $(this).find('option:selected').map(function(){
                             return this.value;
                         }).get();
    console.log(selectedValues);
});

JS Fiddle demo

参考文献：

• change()。
• find()。
• get()。
• map()。

Answer 2

试试这个。

$('option:selected','#filter').html()

Answer 3

试试这个

 $("#filter option:selected").val();