Question

我想在点击按钮时获得bootstrap-multiselect的所有选定值。

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

我正在使用Java JSP。

Answer 1

<强> Working fiddle

您错过了以下行中的ID号#：

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

应该是：

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

希望这有帮助。

Answer 2

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

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

    });

});

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

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

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

2 个答案: