LayUI之select监听事件

看着layui是比较简单的东西，只一个监听事件，搞得晕头转向的，主要还是对这个东西不太熟悉，而且项目中都是封装的东西，有些不太好找。

需求：选择select的时候，获取不同的值。

//lay-filter="test"  用来过滤要监听的select
<form class="layui-form">
            <div class="layui-form-item">
                <div class="layui-input-inline" style="margin-right: 10%;">
                    <select id="exchangeType" name="exchangeType" lay-filter="test" layVerify="required" contentStyle="margin-right: 10%">   
                        <option value="0">1</option>
                    </select>
                </div>
            </div>
</form>

注：前提是你项目肯定引入了layui。

以上是简单的HTML，加入了layui的元素，这里的form必须要加上“class=layui-form”；下面是重点。

<script>
    layui.use('form', function() {
        var form = layui.form;
        form.on('select(test)', function(data){
            console.log("22222");
            console.log(data.value);
            console.log(this);

        });
    });

</script>

备注：

layui中的预先加载---layui.use

/*
  Demo1.js
  使用Layui的form和upload模块
*/
layui.use(['form', 'upload'], function(){  //如果只加载一个模块，可以不填数组。如：layui.use('form')
  var form = layui.form //获取form模块
  ,upload = layui.upload; //获取upload模块
  
  //监听提交按钮
  form.on('submit(test)', function(data){
    console.log(data);
  });
  
  //实例化一个上传控件
  upload({
    url: '上传接口url'
    ,success: function(data){
      console.log(data);
    }
  })
});