一日总结 filter函数 form表单下属性的监听

要监听layui下拉表单的选择事件，可以通过layui的form模块来实现。 首先，需要引入layui的form模块： ```html <script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script> ``` 然后，在页面加载完成后，需要初始化form模块： ```html <script> layui.use('form', function(){ var form = layui.form; // TODO: 在此处编写监听代码 }); </script> ``` 接着，可以通过form模块的`on`方法来监听下拉表单的选择事件： ```html <script> layui.use('form', function(){ var form = layui.form; form.on('select', function(data){ console.log(data.value); // 打印用户选择的选项的值 }); }); </script> ``` 在这个例子中，当用户选择下拉表单的选项时，将会触发`form.on('select', function(data){})`中的回调函数。`data`参数包含用户选择的选项的值，可以通过`data.value`来获取。 当然，你也可以给下拉表单设置一个`lay-filter`属性，然后在`form.on`方法中指定相应的`filter`来监听该下拉表单的选择事件。例如： ```html <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">城市</label> <div class="layui-input-inline"> <select name="city" lay-filter="city"> <option value="">请选择城市</option> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> <option value="shenzhen">深圳</option> </select> </div> </div> </form> <script> layui.use('form', function(){ var form = layui.form; form.on('select(city)', function(data){ console.log(data.value); // 打印用户选择的城市的值 }); }); </script> ``` 在这个例子中，我们给下拉表单设置了一个`lay-filter="city"`的属性，并在`form.on`方法中指定了`select(city)`的`filter`，这样就可以监听该下拉表单的选择事件了。