解决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 相关文章推荐
在标题栏显示新消息提示,很多公司项目中用到这个方法
Nov 04 Javascript
JS中获取数据库中的值的方法
Jul 14 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
jQuery EasyUI ProgressBar进度条组件
Feb 28 Javascript
使用jQuery.Pin垂直滚动时固定导航
May 24 jQuery
关于webpack2和模块打包的新手指南(小结)
Aug 07 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
JavaScript实现的九种排序算法
Mar 04 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
Aug 28 Javascript
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 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
mysql 搜索之简单应用
2007/04/27 PHP
解析php获取字符串的编码格式的方法(函数)
2013/06/21 PHP
php写入、删除与复制文件的方法
2015/06/20 PHP
php版微信发红包接口用法示例
2016/09/23 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
2019/10/12 PHP
JS 各种网页尺寸判断实例方法
2013/04/18 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
jQuery处理XML文件的几种方法
2016/06/14 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
2017/05/22 Javascript
AngularJS 异步解决实现方法
2017/06/12 Javascript
实现jquery放大镜的两种方法
2018/02/22 jQuery
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
node.js事件轮询机制原理知识点
2019/12/22 Javascript
优化Vue中date format的性能详解
2020/01/13 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
Python程序员面试题 你必须提前准备!(答案及解析)
2018/01/23 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
python处理“
2019/06/10 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
python 使用cx-freeze打包程序的实现
2020/03/14 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
html5+CSS3+JS实现七夕言情功能代码
2017/08/28 HTML / CSS
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
学生安全教育材料
2014/02/14 职场文书
厨师长岗位职责
2014/03/02 职场文书
会计学习心得体会
2014/09/09 职场文书
教师党员个人整改措施材料
2014/09/16 职场文书
校园广播稿范文
2015/08/19 职场文书
JavaScript函数柯里化
2021/11/07 Javascript