解决layui中onchange失效以及form动态渲染失效的问题
2019-09-27 11:24
2899 查看
最近在使用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动态渲染失效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- 解决layui的form里的元素进行动态生成,验证失效的问题
- jquery动态改变onclick属性导致失效的问题解决方法
- MarkDownPad2 汉化、破解以及解决HTML渲染组出错问题
- SeimiCrawler+SeimiAgent完美解决动态页面渲染Ajax抓取问题
- 解决vtkWindowForm控件突然消失问题:动态加载vtkWindowForm
- 如何解决消息队列的延时以及过期失效问题?消息队列满了以后该怎么处理?有几百万消息持续积压几小时,怎么解决?
- 解决Winform panel动态加载Form页面无法随着panel最大化的问题
- 在使用 Spring Boot 和 MyBatis 动态切换数据源时遇到的问题以及解决方法
- 仿MFC实现c++按名动态创建对象之续(瘦身以及解决其在dll中使用的问题)
- 解决使用layui的时候form表单中的select等不能渲染的问题
- 意外解决js动态生成的html代码中一些事件失效问题
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- 阿里Java面试题剖析:如何解决消息队列的延时以及过期失效问题?消息队列满了以后该怎么处理?有几百万消息持续积压几小时,说说怎么解决?
- 动态Form的action修改无效不识别问题解决方案
- 解决jquery动态创建元素绑定事件失效问题
- 在使用 Spring Boot 和 MyBatis 动态切换数据源时遇到的问题以及解决方法
- vue中v-if和v-show的区别和使用以及其多次渲染div元素时闪现问题的解决
- 通过窗口大小适时调整以及子窗口的动态布局来解决窗口在不同DPI设置下的显示问题
- AngularJS动态增加dom,导致里面ng-click、modal绑定失效的问题解决方法