欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery multiselect 取值

林雅南2年前11瀏覽0評論

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,我們可以方便地獲取所選值,實現多選功能,并且支持默認選項。