layui 监听select

你可以使用 layui 的 form 模块来监听 select 组件的变化。具体的实现方法如下：

1. 在页面中引入 layui 和 jquery：

<link rel="stylesheet" href="//cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="//cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/layui/2.5.6/layui.all.min.js"></script>

2. 使用 layui.form 模块并绑定监听事件：

<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>

<script>
  layui.use('form', function(){
    var form = layui.form;
  
    // 监听 select 组件的变化
    form.on('select(city)', function(data){
      console.log(data.value); // 得到被选中的值
      console.log(data.elem); // 得到 select 组件的 DOM 对象
    });  
  });
</script>

在上面的代码中，我们使用了 `lay-filter` 属性来标识 select 组件，然后在 JavaScript 中绑定了监听事件。当 select 组件的值发生变化时，监听事件就会被触发，你可以在事件处理函数中获取到被选中的值和 select 组件的 DOM 对象。