# 監聽改變事件 > 被監聽表單元素需要加`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:'天蒼蒼野茫茫, 香菇鹵醬燉肥羊'}); ``` # 監聽表單提交