layui 下拉框数据回显下拉框赋值

最新推荐文章于 2024-05-21 15:43:31 发布

新人报道

最新推荐文章于 2024-05-21 15:43:31 发布

阅读量406

点赞数

文章标签： layui javascript html

本文链接：https://blog.csdn.net/qq_44740800/article/details/130042611

版权

HTML代码

  <div class="layui-form-item">
            <label class="layui-form-label" style="color: #666666">宗门</label>
            <div class="layui-input-block">
                <select name="deptno" id="dn" >
                    <option value=""></option>
                </select>
            </div>
        </div>

js代码

<script>
    $(function (){
        $.ajax({
            type:"get",
            url:"../dept",
            success:function (res){
                $.each(res.data, function (index, item) {
                    console.log(item.deptno)
                    console.log(item.deptname)
                    $("#dn").append(new Option(item.deptname,item.deptno));
                });


            }
        })
    })
</script>