Bootstrap select2 ,table, 清空表單form
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/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 清空form表單ORM
- vxe-form table 配置式表單的使用ORM
- vxe-form table 實現摺疊表單ORM
- vxe-form table 表單實現簡歷模板ORM
- vxe-form table 表單使用資料校驗ORM
- 表單form方式ORM
- element-ui的----el-form表單校驗巢狀表單校驗(表單多層巢狀)+el-table和el-form巢狀使用表單校驗UIORM巢狀
- Vue-手動清空Form表單的驗證及驗證提示(紅字提示)VueORM
- Bootstrap-table 合併相同單元格boot
- form表單提交方式ORM
- tpextbuilder- Form表單UIORM
- 初學 Bootstrap 表單boot
- bootstrap表單驗證boot
- Bootstrap 4 表單案例boot
- form表單的簡單介紹ORM
- Easyui form提交後input清空的方法UIORM
- Bootstrap-Table 總結boot
- jquery 封裝 bootstrap tablejQuery封裝boot
- Ant Design 元件 —— Form表單(一)元件ORM
- Form表單JSONContent-type解析ORMJSON
- form表單提交注意事項ORM
- Selenium操作:測試form表單ORM
- formly-form 動態表單ORM
- form表單的元素及方法ORM
- Selenium測試form表單之下拉選單ORM
- bootstrap Table的使用方法boot
- react專案 form表單重置 initialValueReactORM
- 使用form-create生成表單元件ORM元件
- layui將table轉化表單顯示(即table.render轉為表單展示)UI
- 表單 x-www-form-urlencoded 與 multipart/form-data 區別ORM
- Vue資料驅動表單渲染,輕鬆搞定form表單VueORM
- 3,表單模組文件- layui-formUIORM
- 10分鐘精通Ant Design Form表單ORM
- 封裝react antd的form表單元件封裝ReactORM元件
- 封裝Vue Element的form表單元件封裝VueORM元件
- JQuery獲取form表單中所有值jQueryORM
- 仿 ElmentUI 實現一個 Form 表單UIORM
- form表單元素測試(checkbox和radio)ORM