看着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>
备注:
/*
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);
}
})
});