layui select使用问题

1.须要引用form模板

layui.use(['form'], function () {
    var form = layui.form;
});

 

2.html代码

<div class="layui-form">
    <select name="city" lay-verify="" lay-filter="test" id="select">
        <option value="">请选择一个城市</option>
        <option value="010">北京</option>
        <option value="021">上海</option>
        <option value="0571">杭州</option>
    </select>
</div>

注：当须要动态生成select选项时，若是没有layui的下拉效果，须要在生成完dom结构以后form.render();一下，从新渲染。这里的form是第1点模板中的form变量。

若是尚未效果，注意是否是没有在外层嵌套div.layui-form

 

3.获取select值

像平时获取select值就能够了。例如$("#select").val();

 

4.select赋值

也是像平时同样select赋值就行。例如$("#select").val(”010“);

 

5.select的change事件

须要在select标签上增长lay-filter="test"，test能够随意命名。

form.on('select(test)', function (data) { //TODO执行本身的代码
});

注：select(test)里面的test和lay-filter的值同样便可。

 

6.遇到的问题

问题描述：在layer弹框中，若是使用parent.layer.open()弹出一个弹框，以后success回调渲染select，select没有效果。