layui框架中解决select onchange事件无效的问题

layui将select改造了，所以直接写onchange无效，代之可以使用  lay-filter  属性

1、Html代码如下：

<div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
    <div class="layui-form-item ">
        <label class="layui-form-label">发票类型</label>
        <div class="layui-input-block ">
            <select id="fapiaolx" lay-verify="" lay-filter="selctOnchange"
                    name="fapiaolx">
                <option value="1">增值税专票</option>
                <option value="2">增值税普票</option>
            </select>
        </div>
    </div>
</div>

2、javascirpt代码如下

layui.use(['jquery', 'form'], function() {
  var form = layui.form;
  var $ =layui.jquery;


  form.on('select(selctOnchange)', function (data) {
    console.log(data.elem); //得到select原始DOM对象
    console.log(data.elem.id); //得到select id 属性
    console.log(data.elem.name); //得到select name 属性
    console.log(data.value); //得到被选中的值
    console.log(data.othis); //得到美化后的DOM对象
  });
}