layui动态生成下拉框不可见

今天发现动态生成表单元素的过程中其余标签都可见唯独下拉框无效,如下图所示

后我查阅相关资料发现,对于动态生成的html元素layui需要再次手动渲染

layui.use('form', function(){
  var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
  
  //……
  
  //但是,如果你的HTML是动态生成的,自动渲染就会失效
  //因此你需要在相应的地方,执行下述方法来手动渲染,跟这类似的还有 element.init();
  form.render();
});

成功解决该问题

posted @ 2023-11-14 19:46  突破铁皮  阅读(52)  评论(0编辑  收藏  举报