解决layui中onchange失效以及form动态渲染失效的问题


Posted in Javascript onSeptember 27, 2019

最近在使用layui框架做城市的三级级联的时候,发现jquery中的onchange事件方法在layui框架中失效了。

然后浏览layui社区,了解到layui监控一个控件变化有自己的方法。

html

<select lay-filter="test"></select>

js

var form = layui.form();
form.on('select(test)', function(data){
 console.log(data);
});

这样操作即可达到目的。

对于动态拼接,给一个控件赋值的是否,layer也比jquery多一步。

jquery:

$('#city').append('<option value=' + value + '>' + value + '</option>');
layer:

$('#city').append('<option value=' + value + '>' + value + '</option>');

动态拼接完之后,需要调用

form.render();

页面才能渲染出动态拼接的内容。

以上这篇解决layui中onchange失效以及form动态渲染失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript多线程的实现方法
May 08 Javascript
jquery快捷动态绑定键盘事件的操作函数代码
Oct 17 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
js和jquery中循环的退出和继续学习记录
Sep 06 Javascript
JavaScript中string对象
Jun 12 Javascript
JS实现的简洁纵向滑动菜单(滑动门)效果
Oct 19 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
js实现图片淡入淡出切换简易效果
Aug 22 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 Javascript
layui 地区三级联动 form select 渲染的实例
Sep 27 #Javascript
vue实现移动端省市区选择
Sep 27 #Javascript
vue实现表单录入小案例
Sep 27 #Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 #Javascript
layui form.render('select', 'test2') 更新渲染的方法
Sep 27 #Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 #jQuery
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
Sep 27 #Javascript
You might like
用PHP生成静态HTML速度快类库
2007/03/18 PHP
PHP下通过exec获得计算机的唯一标识[CPU,网卡 MAC地址]
2011/06/09 PHP
php和javascript之间变量的传递实现代码
2012/12/19 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
jQuery使用手册之 事件处理
2007/03/24 Javascript
一个判断email合法性的函数[非正则]
2008/12/09 Javascript
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
Javascript下IE与Firefox下的差异兼容写法总结
2010/06/18 Javascript
Document对象内容集合(比较全)
2010/09/06 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
2013/01/21 Javascript
js获取class的所有元素
2013/03/28 Javascript
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
JS实现点击事件统计的简单实例
2016/07/10 Javascript
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
2019/03/04 Javascript
Python的print用法示例
2014/02/11 Python
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
Python操作列表之List.insert()方法的使用
2015/05/20 Python
一个基于flask的web应用诞生(1)
2017/04/11 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
Django实现支付宝付款和微信支付的示例代码
2018/07/25 Python
详解python中eval函数的作用
2019/10/22 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
瀑布模型都有哪些优缺点
2014/06/23 面试题
土木工程专业自荐信
2013/10/04 职场文书
房地产广告策划方案
2014/05/15 职场文书
房地产营销活动策划方案
2014/09/15 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
呼兰河传读书笔记
2015/06/30 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js
再谈python_tkinter弹出对话框创建
2022/03/20 Python