没有在jquery中获取下拉列表的选定值

Question

我正在尝试在下拉列表中获取选定的值。我创建了下拉菜单。但我不知道如何在 jquery 中获取选定的值？

我的代码 HTML：

<select id="demo" multiple="multiple">
    <option id="test1" value="Javascript">Javascript</option>
    <option id="test2" value="Python">Python</option>
    <option id="test3" value="LISP">LISP</option>
    <option id="test4" value="C++">C++</option>
    <option id="test5" value="jQuery">jQuery</option>
    <option id="test6" value="Ruby">Ruby</option>
</select>

jQuery:

$('#demo').multiselect(); // here I need to get selected values.

我用http://www.jqueryscript.net/form/jQuery-Multiple-Select-Plugin-For-Bootstrap-Bootstrap-Multiselect.html这个下拉菜单

Answer 1

试试，

$('#demo :selected').each(function (i, selected) {
    console.log(selected.value)
});

Answer 2

var selected_val=[];

$('#demo').multiselect({
    onChange : function(option, checked) {
            var sel=[];
            $('#demo :selected').each(function(i,selected) {
                 sel.push(selected.value);
            });
            selected_val=sel;
           alert(selected_val);
   }
});

希望对您有所帮助....