layui下拉框不显示的问题

• 1.先检查有没有引入layui.js

• 2.然后看有没有被<form class="layui-form"></form>包住，

• 3.查看是否有以下代码

1. <script>

1. layui.use('form', function(){

1. var form = layui.form;

1. });

1. </script>

• 如果条件都满足，通常是没有问题的。

• 但如果用了laytpl，就有可能不显示，解决办法如下：

var getTpl = projectDemo.innerHTML,

view = document.getElementById('view');

laytpl(getTpl).render(data, function(html) {

view.innerHTML = html;

});

form.render('select'); //没有这一句无法显示下拉框， 且必须在laytpl渲染之后渲染select ，所以这一句不能放在laytpl前面（个人见解）。

 

1. form.render(); //更新全部
2. form.render('select'); //刷新select选择框渲染