腳本語言:設定默認值;直接拼接,然后根據返回值渲染select
創新互聯建站長期為上千家客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為西烏珠穆沁企業提供專業的成都做網站、成都網站建設,西烏珠穆沁網站改版等技術服務。擁有十余年豐富建站經驗和眾多成功案例,為您定制開發。
// 動態渲染腳本類型下拉框 // 1.發送ajax請求得到data // 2.將data渲染到頁面上 function getDataList() { // 請求 $.ajax({ type:'post', url: "/cd/workPlatform/tool/detail", success:function(response){ var data=response.data; $('#scriptLanguage').empty(); var t; if(data==null){ t='<option value="1" selected="selected">shell</option><option value="0" >damao</option><option value="2">bobo/option>' }else if(data.scriptLanguage=='1'){ t='<option value="1" selected="selected">bobo</option><option value="0" >damao</option><option value="2">bobo/option>' }else if(data.scriptLanguage=='2'){ t='<option value="1" selected="selected">xiaoyang</option><option value="0" >damao</option><option value="2">bobo</option>' }; $('.scriptLanguage').append(t); form.render('select'); } }) } $(document).ready(function () { getDataList(); });
//展示下拉框 function showCategory(data, count) { $(data).each(function (i, n) { // console.log(n); var t = ""; for (var j = 0; j < count; ++j) { t += "  "; } if (n.children.length > 0) { $("#toolType").append("<option value='" + n.id + "' style='font-weight: bold;'>" + t + n.categoryName + "</option>"); showCategory(n.children, count + 1) } else { $("#toolType").append("<option value='" + n.id + "'>" + t + n.categoryName + "</option>"); } }); form.render('select'); } $("#toolType").append("<option value=''>請選擇腳本類型</option>"); $.get("/cd/tool/category/tree.afca", {}, function (data) { showCategory(data.data, 0); form.render('select'); }, "json");
以上這篇layui動態渲染生成select的option值方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創新互聯。
網頁題目:layui動態渲染生成select的option值方法
URL分享:http://vcdvsql.cn/article30/jheppo.html
成都網站建設公司_創新互聯,為您提供定制網站、App開發、做網站、小程序開發、網站導航、服務器托管
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯