Bootstrap select2 ,table, 清空表單form

flynike發表於2021-09-09

Select2 外掛 使用版本4.0.1
載入資料:
載入時可設定其他引數
可以設為多選,最多選擇多少個等
var jsonData = :[{"id": "0","text": "可用"},{"id": "1","text": "禁用"}]
$("mySelect2IDorClass").select2({
data:jsonData
})

獲取值:
var select2 = $("mySelect2IDorClass").val();

設定選中值:
$("mySelect2IDorClass").val("your id value").trigger("change");
PS:如果 Select2 載入的JSON資料中 id 值為 bool 型別,那麼設定選中值不生效

例如:
var jsonData = :[{"id": "false","text": "可用"},{"id": "true","text": "禁用"}]
$("mySelect2IDorClass").val("true").trigger("change");

不生效。我的場境是 編輯某行資料,彈出dialog ,其中狀態是 select2 下拉,
設定狀態選中值

將 jsonData 資料中的 id 更改為 false :0 true:1
在設定預設值時,判斷一下 row.Status ,如果為 true , 設定變數為 1

//清空表單
document.getElementById("yourFormID").reset();
//清空驗證表單 加true 會將值 也清除,否則只清除驗證提示,樣式
$(form).data('bootstrapValidator').resetForm(true);

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2618/viewspace-2798672/,如需轉載,請註明出處,否則將追究法律責任。

相關文章