LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现

冷不防 2021-10-30 03:01 1015阅读 0赞

例如多选框如下：

动态加载：

重新渲染多选框：

layui.formSelects.render();

例如多选框如下：

禁用：

$("select[xm-select='city_2']").attr("disabled", "disabled");
    layui.formSelects.render();

启用：

$("select[xm-select='city_2']").attr("disabled", false);
    layui.formSelects.render();

赋值：

layui.formSelects.value('city_2', []);          //赋值空数组, 清空所有
    layui.formSelects.value('city_2', [1, 2]);      //赋值 北京,上海
    layui.formSelects.value('city_2', [5], true);   //追加赋值 天津
    layui.formSelects.value('city_2', [1], false);  //删除 已选择 [北京]

取值：

layui.formSelects.value('city_2');              //取值默认数组
    layui.formSelects.value('city_2', 'val');       //取值val数组
    layui.formSelects.value('city_2', 'valStr');    //取值val字符串
    layui.formSelects.value('city_2', 'name');      //取值name数组
    layui.formSelects.value('city_2', 'nameStr');   //取值name字符串

取值结果：

取值默认数组：\[\{"name":"北京","value":"1"\}\]

取值val数组：\["1"\]

取值val字符串："1"

取值name数组：\["北京"\]

取值name字符串："北京"

详细官网文档：[https://fly.layui.com/extend/formSelects/][https_fly.layui.com_extend_formSelects]

[http://sun.faysunshine.com/layui/formSelects-v4/example/example\_v4.html][http_sun.faysunshine.com_layui_formSelects-v4_example_example_v4.html]

转载于:https://www.cnblogs.com/Big-Boss/p/11365174.html

[https_fly.layui.com_extend_formSelects]: https://fly.layui.com/extend/formSelects/
[http_sun.faysunshine.com_layui_formSelects-v4_example_example_v4.html]: http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html