JQuery Multiselect是一個實用的下拉多選插件,可以方便地實現多選功能。在實際應用中,我們需要獲取所選項的值,以便進行后續的處理。下面我們通過示例,詳細介紹如何取得所選值。
//HTML代碼// JQuery代碼 var selectedValues = $('#test').multiselect("getChecked").map(function(){ return this.value; }).get(); console.log(selectedValues);
上述代碼中,我們通過JQuery的選擇器選中了id為test的下拉多選框,然后調用multiselect()方法獲取選中的值,將其映射成數組,最終使用get()方法獲取所選值的數組,將其存入selectedValues變量中。通過console.log()方法輸出selectedValues,即可看到所選的值。
還有一種情況需要考慮,就是當沒有任何選項被選中時,我們需要獲取默認的值。這個問題也很容易解決,我們只需要在multiselect()方法中加入一個參數即可。
var selectedValues = $('#test').multiselect("getChecked").map(function(){ return this.value; }).get(); if(selectedValues.length == 0){ selectedValues = $('#test').val(); } console.log(selectedValues);
上述代碼中,我們在獲取所選值的過程中加入了判斷。如果selectedValues數組的長度為0,則表明沒有任何選項被選中。此時我們通過$('#test').val()方法獲取下拉框默認的值,并將其存入selectedValues數組中。
以上就是關于JQuery Multiselect的取值方法的詳細介紹。使用JQuery Multiselect,我們可以方便地獲取所選值,實現多選功能,并且支持默認選項。