layui动态渲染表单时，如何解决onchange事件失效问题？

本文共计243个文字，预计阅读时间需要1分钟。

最近在使用layui框架做城市的三级联动时，发现jquery中的onchange事件在layui框架中失效了。后来浏览layui社区，了解到layui监控控件变化有自己独特的方法。代码如下：

请选择省份 请选择城市 请选择区域

最近在使用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动态渲染失效的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易盾网络。