100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html下拉列表值发生改变 layui select下拉框监听值变化 layui 下拉列表的change事件...

html下拉列表值发生改变 layui select下拉框监听值变化 layui 下拉列表的change事件...

时间:2021-08-25 05:20:29

相关推荐

html下拉列表值发生改变 layui select下拉框监听值变化 layui 下拉列表的change事件...

layui下拉列表的事件不能用jq的change 应该用自带的方式写

默认情况下,事件所监听的是全部的form模块元素,但如果你只想监听某一个元素,使用事件过滤器即可。

如:

监听select

下拉选择框被选中时触发,回调函数返回一个object参数,携带两个成员:

注意:form.render('select');渲染一下 不然你的操作还是不生效 select不是选择器 表示渲染下拉列表 不写表示所有表单都渲染

语法如下

form.on('select(filter)', function(data){

console.log(data.elem); //得到select原始DOM对象

console.log(data.value); //得到被选中的值

console.log(data.othis); //得到美化后的DOM对象

});

form.on('select(search_type)', function(data){

var html_one='充值还本付息';

if(data.value == 1){

$("#search_detail").html(html_one);

form.render('select');

}else if(data.value == 2){

var html_two='提现购买产品';

$("#search_detail").html(html_two);

form.render('select');//select是固定写法 不是选择器

}

});

上图的search_type就是下拉列表的lat-filter参数的值

lay-filter="search_type"

*所属地区

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。