<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>layui</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link href="layui/css/layui.css" rel="stylesheet" /> </head> <body> <form class="layui-form" action=""> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">搜索选择框</label> <div class="layui-input-inline"> <select name="modules" lay-verify="required" lay-search="" lay-filter="test"> <option value="">直接选择或搜索选择</option> <option value="1">11</option> <option value="2">22</option> <option value="3">33</option> <option value="4">44</option> <option value="5">55</option> <option value="6">66</option> <option value="7">77</option> <option value="8">88</option> </select> </div> </div> </div> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label">搜索选择框</label> <div class="layui-input-inline"> <select name="modules" lay-verify="required" lay-search="" id="test"> <option value="">直接选择或搜索选择</option> </select> </div> </div> </div> </form> <script src="jquery-3.2.1.min.js"></script> <script src="layui/layui.js"></script> <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 --> <script> layui.use(['form', 'layedit', 'laydate'], function () { var form = layui.form , layer = layui.layer , layedit = layui.layedit , laydate = layui.laydate; //日期 laydate.render({ elem: '#date' }); laydate.render({ elem: '#date1' }); //创建一个编辑器 var editIndex = layedit.build('LAY_demo_editor'); //自定义验证规则 form.verify({ title: function (value) { if (value.length < 5) { return '标题至少得5个字符啊'; } } , pass: [/(.+){6,12}$/, '密码必须6到12位'] , content: function (value) { layedit.sync(editIndex); } }); //监听指定开关 form.on('switch(switchTest)', function (data) { layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), { offset: '6px' }); layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis) }); //监听提交 form.on('submit(demo1)', function (data) { layer.alert(JSON.stringify(data.field), { title: '最终的提交信息' }) return false; }); form.on('select()', function (data) { $("#test").empty(); var html = "<option value='1000'>1000</option>"; $("#test").append(html); form.render(); //窗体重新呈现 }); }); </script> </body> </html>