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獲取按鈕單擊上的所有選定值

回答

相關問題