<link rel="stylesheet" href="formSelects-v4.css" />
<script src="layui.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//全局定義一次, 加載formSelects
layui.config({
base: '../src/' //此處路徑請自行處理, 可以使用絕對路徑
}).extend({
formSelects: 'formSelects-v4'
});
//加載模塊
layui.use(['jquery', 'formSelects'], function(){
var formSelects = layui.formSelects;
});
</script>
/**
* 1.獲取選中數據
*
* formSelects.value(ID, TYPE);
*
* @param ID xm-select的值
* @param TYPE all | val | valStr | name | nameStr
*/
var formSelects = layui.formSelects;
formSelects.value('select1'); // [{"name":"上海","val":"2"},{"name":"深圳","val":"4"}]
formSelects.value('select1', 'all'); // [{"name":"上海","val":"2"},{"name":"深圳","val":"4"}]
formSelects.value('select1', 'val'); // ["2","4"]
formSelects.value('select1', 'valStr'); // 2,4
formSelects.value('select1', 'name'); // ["上海","深圳"]
formSelects.value('select1', 'nameStr'); // 上海,深圳
/**
* 設置select的選中值
*
* formSelects.value(ID, ARR);
*
* @param ID xm-select的值
* @param ARR value數組
*/
var formSelects = layui.formSelects;
formSelects.value('select1', [2, 4]); // 選中value爲2和4的option → 上海,深圳
/**
* 追加或刪除select的選中值
*
* formSelects.value(ID, ARR, isAppend);
*
* @param ID xm-select的值
* @param ARR value數組
*/
var formSelects = layui.formSelects;
formSelects.value('select1', [2, 4], true); // 追加value爲2和4的option, 如果該值已選中則跳過, 該值未選中則選中
formSelects.value('select1', [2, 4], false);// 刪除value爲2和4的option, 如果該值沒有選中則跳過, 該值被選中則取消選中
/**
* 1.監聽select的選中與取消
*
* formSelects.on(ID, Function);
*
* @param ID xm-select的值
* @param Function 自定義處理方法
* @param isEnd 是否獲取實時數據, true/false
*/
formSelects.on('select1', function(id, vals, val, isAdd, isDisabled){
//id: 點擊select的id
//vals: 當前select已選中的值
//val: 當前select點擊的值
//isAdd: 當前操作選中or取消
//isDisabled: 當前選項是否是disabled
}, true);