layui-select 事件绑定

在使用layui框架的select组件时，可以通过绑定事件来实现对select的操作。具体的事件绑定可以通过两种方式来实现：一种是通过HTML代码中直接添加属性来绑定事件，另一种是通过JavaScript代码来动态绑定事件。

1. 通过HTML属性绑定事件：

在HTML代码中，可以通过在select标签上添加lay-filter属性来指定事件的名称，然后在JavaScript代码中，使用layui.form.on方法来监听该事件。

示例代码如下：

<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元素。

示例代码如下：

<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的事件绑定的两种方式，根据实际需求选择适合的方式进行事件绑定。