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

来源：oschina

链接：https://my.oschina.net/u/4360213/blog/3427378

标签

formselects