Not getting selected value for dropdown in jquery

Question

I am trying to get selected values in dropdown. I have created dropdown. But I dont know how to get selected values in jquery?

My code 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.

I have used http://www.jqueryscript.net/form/jQuery-Multiple-Select-Plugin-For-Bootstrap-Bootstrap-Multiselect.html this for dropdown

possible duplicate of [how-to-get-multiple-select-box-values-using-jquery](http://stackoverflow.com/questions/3243476/how-to-get-multiple-select-box-values-using-jquery) — Shlomi Hassid, Mar 02 '14 at 07:42
You should search before asking.... tons of answers in stackoverflow and even more in google... — Shlomi Hassid, Mar 02 '14 at 07:43

score 2 · Accepted Answer · answered Mar 02 '14 at 07:39

2

Try,

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

answered Mar 02 '14 at 07:39

Deepak Ingole

14,912
10
47
79

score 0 · Answer 2 · answered Aug 27 '15 at 08:07

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);
   }
});

Hope it helps....

Not getting selected value for dropdown in jquery

2 Answers2