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

最近在使用layui框架做联动的时候，发现jquery中的onchange事件方法在layui框架中失效了。

然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。
设置 lay-filter属性

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

使用

 layui.use(['form', 'table', 'notice'], function () {//监听channel改变form.on('select(channel)', function (data) {$("#region").empty();SearchRegionByChannel(data.value);form.render('select');});
}

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

form.render();

页面才能渲染出动态拼接的内容
我这里的 SearchRegionByChannel函数，写在了另外的js文件中，导致重渲染后包含了上一次的值，加了

 $("#region").empty();

就好了

layui中onchange失效以及form动态渲染失效的问题相关推荐

vue 动态获取的图片路径不显示_Vue中img的src是动态渲染时不显示的解决
Vue中img的src是动态渲染时不显示的解决今天在项目中遇到一个需求,设计稿如下就是展示用户头像,数据从后端获取,要是没有拿到则显示默认图片. 项目采用vue开发,本人也是第一次在实际项目中使用 ...
Form动态渲染问题(setFieldsValue)
关于Form动态渲染问题 Ant 使用setFieldsValue更新Form表单值(antd4.x) 新手第一次使用ant的form表单,动态渲染表单.发现当state数据改变时,页面表单数据没有变 ...
vue项目中引入阿里 iconfont 图标动态渲染导航菜单图标
vue + element 后台项目,项目中都是用的 element-ui 的图标但是导航菜单是通过后台数据渲染的,所以在阿里图标库找了图标给后台,再渲染步骤一: 在图标库找到想要的图标,加入购物 ...
如何让layui中的字体图标增加动态样式变为动态图标
1.html代码,首先定义 <span style="display: flex; flex-direction: row; align-items: center; justify- ...
layui基础上的tree菜单动态渲染；
1 var layout=[ 2 { 3 title:'脚本对象名称', 4 treeNodes:true, 5 headerClass:'value_col', 6 colClass:'value_ ...
Layui中列表(金额或数字)动态数据如何添加千位分隔符
Layui添加千位分割符有2种实现方法 1. js方法格式化数字,加入千分符,可以指定小数点;位数正负数均可,可以控制小数位数! 核心代码如下: <script type="text/ ...
vue3+vite 项目动态渲染本地图片
想要把图中框住的图片动态渲染到页面上. 此处不可以使用require动态引入, 会发现报错:require is not defind,因为 require 是属于 Webpack 的方法. < ...
layui进度条：调用、参数设置、动态渲染、数据热更新（含案例、代码）
文章目录 layui进度条:调用.参数设置.动态渲染.数据热更新 (含案例.代码) 一.demo案例 1.1. 应用 · 截图: 1.2. 案例 · 全部代码: 二.自定义案例 2.1. 部分代码: ...
button layui 点击事件_解决layui中的form表单与button的点击事件冲突问题
解决layui中的form表单与button的点击事件冲突问题 layui的form表单位置和button标签的位置重合,会使得button的click事件得不到响应,如图: 蓝色底为form的位置, ...

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

layui中onchange失效以及form动态渲染失效的问题相关推荐

最新文章

热门文章