# 监听改变事件 > 被监听表单元素需要加`lay-filter`属性作为标识 ``` <form> <select lay-filter="demo" id="test"> <option value="goods">商品</option> <option value="homestay">酒店</option> <option value="story">故事</option> </select> </form> <script> layui.use(['form'], function() { var form = layui.form; form.on('select(demo)', function(data){ console.log(data.value); }); }); </script> ``` 打印结果为选中`option`的`value`属性值 # 主动触发事件 > 由于是用`layui`的`form.on`监听, 部分元素的`onchange`都失效了. 需要主动触发改变事件可以用这个命令 ``` layui.event.call(元素, 事件类型, 事件标识, 数据); // 示例 layui.event.call(document.getElementById('test'), 'form', 'select(demo)', {value:'天苍苍野茫茫, 香菇卤酱炖肥羊'}); ``` # 监听表单提交