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

Question

I want to get all selected values of bootstrap-multiselect on button click. 我想在单击按钮时获取bootstrap-multiselect所有选定值。

My JSP page code is given below 我的JSP页面代码如下

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

I am using Java JSP. 我正在使用Java JSP。

Answer 1

Working fiddle . 工作提琴。

You're missing the id sign # in the following line : 您在以下行中缺少ID号# ：

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

Should be : 应该：

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

Hope this helps. 希望这可以帮助。

Answer 2

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

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

    });

});

selectedValues array will contain all the values of the selected options, selectedValues数组将包含所选选项的所有值，

selectedText array will contain all the text of the selected options selectedText数组将包含选定选项的所有文本

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

问题描述

2 个解决方案

解决方案1
3 已采纳 2017-07-07 11:03:43

解决方案2
0 2017-07-07 11:11:56

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

问题描述

2 个解决方案

解决方案1 3 已采纳 2017-07-07 11:03:43

解决方案2 0 2017-07-07 11:11:56

解决方案1
3 已采纳 2017-07-07 11:03:43

解决方案2
0 2017-07-07 11:11:56