layui下拉框的使用及取值

最新推荐文章于 2025-04-09 15:44:40 发布

dreaming9420

最新推荐文章于 2025-04-09 15:44:40 发布

阅读量1.6k

点赞数

分类专栏： layui

本文链接：https://blog.youkuaiyun.com/dreaming9420/article/details/119731358

版权

layui 专栏收录该内容

3 篇文章

订阅专栏

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>教学平台</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <link rel="stylesheet" href="sources/layui/css/layui.css" media="all">
</head>
<body>
<form class="layui-form" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">教师</label>
        <div class="layui-input-block">
            <select name="teacher" lay-filter="teacher" id="teacher">
                <option value="teacher1">teacher1</option>
                <option value="teacher2">teacher2</option>
                <option value="teacher3">teacher3</option>
                <option value="teacher4">teacher4</option>
                <option value="teacher5">teacher5</option>
            </select>
        </div>
    </div>
</form>
<script src="sources/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use('form', function () {
        var form = layui.form;

        //各种基于事件的操作，下面会有进一步介绍
    });
</script>
<script>
    var flag = $("#teacher").val()
</script>
</body>
</html>

在这里插入图片描述