layUI后台数据渲染下拉框

//声明下拉框 
<div class="layui-input-inline">
            <select name="badw" id="badwid" lay-verify="required" lay-reqtext="单位是必填项,岂能为空?" lay-search="">
                <option value="">直接选择或搜索选择</option>

            </select>
        </div>


//执行该方法,渲染前台的下拉框
   
 function getBadw() {
        $.ajax({
            url: '/dzjz/getCode/BADW',   //后台数据地址
            success: function (data) {
               $.each(data,function (index,item) {   //循环后台返回的json数据
                    //new Option方法是新建一个option,第一个参数是需要显示的值,第二个参数是option的value值,然后append到下拉框中。
                   $('#badwid').append(new Option(item.codedesc,item.code));
               })

                layui.form.render("select");
            }
        })
    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章