当前位置: 首页 > 工具软件 > formSelects > 使用案例 >

formSelects常用操作

淳于昊然
2023-12-01
  1. 加载数据
layui.formSelects.data('catalog', 'local', {
    arr: optionData,
    keyName: 'name',
    keyVal: 'value',
});
  1. 监听选中事件
/**
 *  id:           点击select的id
 *  vals:         当前select已选中的值
 *  val:          当前select点击的值
 *  isAdd:        当前操作选中or取消
 *  isDisabled:   当前选项是否是disabled
 */
formSelects.on('catalog', function (id, vals, val, isAdd, isDisabled) {
    if (isAdd){
        ...
    }else {
        return false; // 取消本次操作
    }
})
  1. 设置select的选中值
formSelects.value('catalog', [optionData[key].value])
  1. 重新渲染
formSelects.render('catalog');
 类似资料: