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");
            }
        })
    }

 

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