layui的下拉框，表单，样式显示不出来

图纸t

于 2019-04-02 17:14:26 发布

阅读量6.4k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： js 文章标签： layui layui下拉框下拉框显示不出来

本文链接：https://blog.youkuaiyun.com/asdfghjkl110292/article/details/88976528

js 专栏收录该内容

26 篇文章

订阅专栏

本文介绍如何使用layui框架实现下拉框的选择功能。主要内容包括HTML结构设置与JS渲染代码，确保下拉框能正常显示并工作。适用于前端开发者学习与参考。

https://www.layui.com/doc/element/form.html

在这里插入图片描述

其实这里有提示了
首先是html

注意，就算是只有一个下拉框，你也得用form包裹起来

<form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label layui-bg-green layui-center">选择目录</label>
                <div class="layui-input-block">
                    <select name="sname" id="menuname">
                        <option value="">请选择目录</option>
                    </select>

                </div>
            </div>
        </form>

然后是js渲染才行

<script type="text/javascript">
        $(document).ready(function () {
            layui.use('form', function(){
              
                    form.render();   //表单渲染，得渲染才会有效果显示出来
            })
</sript>