logo标签列表

JavaScript Bootstrap-Multiselect 按钮点击获取所有选定值

javascriptjqueryhtmltwitter-bootstrap
5

我希望在按钮点击时获取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。

2个回答
4

可工作的代码片段。

在下面这行中，你缺少了id符号#：

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

应该是：

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

希望这能有所帮助。
4
$(".buttonClass").click(function(){

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

    });

});

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

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

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接