LayUI之select监听事件

时间:2025-04-28 07:11:11

看着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  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>
    ('form', function() {
        var form = ;
        ('select(test)', function(data){
            ("22222");
            ();
            (this);

        });
    });

</script>

备注:

layui中的预先加载---

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