javascript bootstrap-multiselect在單擊按鈕時獲取所有選定的值

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

工作提琴。

您在以下行中缺少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 個解決方案

解決方案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