layui select获取自定义属性值

在使用layui框架的select组件时，可以通过绑定事件来实现对select的操作。具体的事件绑定可以通过两种方式来实现：一种是通过HTML代码中直接添加属性来绑定事件，另一种是通过JavaScript代码来动态绑定事件。 1. 通过HTML属性绑定事件： 在HTML代码中，可以通过在select标签上添加lay-filter属性来指定事件的名称，然后在JavaScript代码中，使用layui.form.on方法来监听该事件。 示例代码如下： ```html <select name="city" lay-filter="selectCity"> <option value=""></option> <option value="1">北京</option> <option value="2">上海</option> <option value="3">广州</option> </select> <script> layui.form.on('select(selectCity)', function(data){ console.log(data.value); //得到被选中的值 }); </script> ``` 上述代码中，通过lay-filter="selectCity"属性指定了事件名称为selectCity，然后在JavaScript代码中使用layui.form.on方法监听了该事件，当select选项发生改变时，会触发该事件，并打印出被选中的值。 2. 通过JavaScript动态绑定事件： 在JavaScript代码中，可以通过layui.form.on方法来动态绑定事件，可以自定义事件名称，并指定需要监听的select元素。 示例代码如下： ```html <select id="citySelect" name="city"> <option value=""></option> <option value="1">北京</option> <option value="2">上海</option> <option value="3">广州</option> </select> <script> layui.use(['form'], function(){ var form = layui.form; form.on('select(citySelect)', function(data){ console.log(data.value); //得到被选中的值 }); }); </script> ``` 上述代码中，通过id属性指定了select元素的id为citySelect，然后在JavaScript代码中使用layui.form.on方法监听了该事件，当select选项发生改变时，会触发该事件，并打印出被选中的值。 以上就是layui-select的事件绑定的两种方式，根据实际需求选择适合的方式进行事件绑定。