學習筆記，僅供參考，有錯必糾
參考自：解決Layui動態生成select下拉選擇框不顯示問題

---

我想在layui框架下添加一個下拉框，但是按照layui官方文檔說明添加后，下拉框卻不顯示，代碼如下：

<form class="layui-form" method="POST" action=""><div class="layui-form-item"><label for="L_repass" class="layui-form-label"><span class="x-red">*</span>院校</label><div class="layui-input-block"><select name="school" class="layui-input"><option value="">請選擇一個院校</option><option value="1">安財</option><option value="2">安師大</option></select></div></div><div class="layui-form-item"><label for="L_repass" class="layui-form-label"><span class="x-red">*</span>姓名</label><div class="layui-input-inline"><input type="text" id="L_repass" name="username" required="" lay-verify="required" autocomplete="off" class="layui-input" placeholder="姓名"></div></div><div class="layui-form-item"><label for="L_repass" class="layui-form-label"><span class="x-red">*</span>密碼</label><div class="layui-input-inline"><input type="password" id="L_repass" name="password" required="" lay-verify="required" autocomplete="off" class="layui-input" placeholder="密碼"></div></div><div class="layui-form-item"><label for="L_repass" class="layui-form-label"></label><button class="layui-btn" lay-filter="save" type="submit">點擊注冊</button></div></form>

頁面：

可以看到，下拉框沒有顯示出來。

經過上網查閱，我決定在body中添加如下代碼：

<script>layui.use('form', function() { //此段代碼必不可少var form = layui.form;form.render();});</script>

頁面：

下拉框添加成功！

總結

以上是生活随笔為你收集整理的关于layui下select下拉框不显示问题解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。