正文
LayUI 多选框动态加载、启用、禁用、赋值、取值等js实现
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
例如多选框如下：
<div class="layui-form">
<select xm-select="city">
</select>
</div>
动态加载：
var url = "加载路径";
View.get(url, "city=" + city, function(resp) {
if (resp) {
var html = "";
for (var i = 0; i < resp.length; i++) {
html += "<option value='" + resp[i].key + "'>" + resp[i].value +"</option>";
}
$("select[xm-select='city']").html(html);
}
layui.formSelects.render();// 重新渲染多选框
}, function() {
});
重新渲染多选框：
layui.formSelects.render();
例如多选框如下：
<div class="layui-form">
<select name="city" xm-select="city_2">
<option value="1" selected="selected">北京</option>
<option value="2">上海</option>
<option value="3">广州</option>
<option value="4">深圳</option>
<option value="5">天津</option>
</select>
</div>
禁用：
$("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/
http://sun.faysunshine.com/layui/formSelects-v4/example/example_v4.html
