最近在使用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();

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

 

以上内容总结于layer社区。