javascript bootstrap-multiselect获取按钮单击上的所有选定值

我想在按钮单击上获取所有选定值bootstrap-multiselect。下面javascript bootstrap-multiselect获取按钮单击上的所有选定值

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#ddlPermission').multiselect({ 
      buttonWidth : '100%', 
      maxHeight : 100, 
      includeSelectAllOption : true, 
      dropRight : true 
     }); 
    }); 

    function myFunction() { 
     var allVal=$("ddlPermission").val(); 
     alert(allVal); 
     return false; 
    } 
</script> 
<body> 
    <select id="ddlPermission" multiple="multiple" name="permission_ddl"> 
     <option value="A">A</option> 
     <option value="B">B</option> 
     <option value="C">C</option> 
     <option value="D">D</option> 
    </select> 
    <input type="submit" name="btnSubmit" id="btnSubmit" onclick="myFunction()" class="button active" value="Submit"> 
</body>

我的JSP页面代码给出我使用Java JSP。

来源

2017-07-07 user3441151

Working fiddle。

你缺少ID登录#以下行：

var allVal=$("ddlPermission").val();

应该是：

var allVal=$("#ddlPermission").val();

希望这有助于。

来源

2017-07-07 11:03:43

$(".buttonClass").click(function(){ 

    var selectedText = []; 
    var selectedValues = []; 
    $('#ddlPermission :selected').each(function(i, value){ 
     selectedValues[i] = value; 
     selectedText[i] = $(value).text(); 

    }); 

});

selectedValues数组将包含所选择的选项的所有值，

selectedText数组将包含所选择的选项的所有文本

来源

2017-07-07 11:11:56

javascript bootstrap-multiselect获取按钮单击上的所有选定值

回答

相关问题