Question

中选择所选值

我尝试了某种方式，但没有得到，可以有人帮助我解决这个问题

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

Answer 2

尝试以下

 $("#examplea").on("click", function(){
            $("#examplea option:selected").each(function(){
                alert($(this).val());
            });
        });

Answer 3

首先指定id来选择标签，例如basic_example 在Javascript中使用它：

  if($('#basic_example').is(":checked"))
{
    var temp=($('#basic_example').serialize());
    alert(temp);
}

希望这有效

Answer 4

<script type="text/javascript">
    $(document).ready(function() {
        $("select").multiselect({
            close: function() {
                debugger;
                var values = new Array();
                $(this).multiselect("getChecked").each(function(index, item) {
                    values.push($(item).val());
                });
                $("input[id*=selectedValues]").val(values.join(","));
            }
        });
    });
</script>

如何使用jquery从多选下拉选择选项值

4 个答案: