How to get selected option values from multiselects drop down using jquery

Question

i wanted to select selected values from multiselect drop down See in jsfiddle

i tried some way but not getting , can some one help me out of this problem

<script type="text/javascript">
$(function(){
    $("select").multiselect({ 

        click: function(e){

        var abc =  $(this).multiselect("widget").find("input:checked");

        console.log(abc);
    }   
});

});
</script>
</head>

<h3>Basic</h3>
<p>
    <select title="Basic example" multiple="multiple" name="example-basic" size="5">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
    <option value="option4">Option 4</option>
    <option value="option5">Option 5</option>
    <option value="option6">Option 6</option>
    <option value="option7">Option 7</option>
    <option value="option8">Option 8</option>
    <option value="option9">Option 9</option>
    <option value="option10">Option 10</option>
    <option value="option11">Option 11</option>
    <option value="option12">Option 12</option>
    </select>
</p>

Answer 1

Try this code to get selected item

   <script>
    $( "select" )
      .change(function() {
        var str = "";
        $( "select option:selected" ).each(function() {
          str += $( this ).text() + " ";
        });
        $( "div" ).text( str ); // Put selected value to div
        console.log(str);
      })
      .trigger( "change" );
    </script>