今天小編就爲大家分享一篇layui動態渲染生成select的option值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
腳本語言:設定默認值;直接拼接,然後根據返回值渲染select
// 動態渲染腳本類型下拉框 // 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值方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持神馬文庫。