layui弹出层+联动下拉框

本人最近在做前端开发项目，用到了layui框架。

其中在弹出层，弹出内容为表单，表单中有联动下拉框的时候遇到了不小的问题。搜遍了百度，社区均无果，好在在社区提问了之后，有个兄弟及时帮我解决了问题。在此特别感谢一下他！！！要不是他我的实习进度要拖太久了。

 

这边记录一下在开发弹出层+联动下拉框的时候遇到的一些问题吧

1.由于我的表单中的是放在之外的，这里参考的是layui官方文档中的建议，它们建议放在body之外，这样不会被其他的元素所影响。所以在

中添加了display:none，这里的话在layer.open中需要使用content：$('#id')，来加载表单，否则会出现在监听一级菜单的时候，二级菜单的内容无法添加进去的情况。如果使用的是$('#id').html的话，那么子级菜单的内容无法添加进去。

2.需要将$.ajax或者$.get设置为同步，如果你获取的内容太多的情况下，js的代码执行是顺序来的，所以有可能在form.render()之后，才完整的获取到全部的数据，也就自然没办法正确的append到option中了。

3.至于网上所说的form.render(),form.render('select')等方法渲染我就不提了。

这里主要提到的是比较少见的问题吧。

希望有帮助。