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 += "&nbsp;&nbsp;&nbsp"; } if (n.children.length > 0) { $("#toolType").append("<option value='" + n.id + "'>" + 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值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章: