jquery - 如何使用jquery从多选下拉列表中获取选定的选项值

Question

我想从多选下拉列表中选择选定的值 See in jsfiddle

我尝试了一些方法，但没有成功，有人可以帮助我解决这个问题

<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

尝试此代码来获取所选项目

   <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>