在Layui框架中，select下拉框的事件监听可以通过form模块的on方法来实现。以下是一个简单的实例代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui Select Event Example</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layui-src/dist/css/layui.css" media="all"> </head> <body> <form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">下拉选择</label> <div class="layui-input-block"> <select name="interest" lay-filter="interestFilter" lay-verify="required"> <option value="">请选择</option> <option value="0">兴趣0</option> <option value="1">兴趣1</option> <option value="2">兴趣2</option> </select> </div> </div> </form> <script src="https://cdn.jsdelivr.net/npm/layui-src/dist/layui.all.js"></script> <script> layui.use('form', function(){ var form = layui.form; // 监听下拉框的选择事件 form.on('select(interestFilter)', function(data){ console.log("选中的值: " + data.value); // 获取到选中的值 console.log("选中的文本: " + data.elem[data.elem.selectedIndex].text); // 获取到选中的文本 console.log("事件对象: " + data.elem); // 获取到触发事件的元素对象 }); }); </script> </body> </html>
在这个例子中，我们定义了一个带有lay-filter属性的select元素，其值为interestFilter。然后在layui.use的回调函数中，我们使用form.on方法来监听interestFilter的选择事件，并在事件处理函数中打印出选中的值、文本以及触发事件的元素对象。
提示：AI自动生成，仅供参考
参考：百度AI
