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沒有效果。