layui动态渲染生成select的option值 





 1     
 脚本语言：设定默认值；直接拼接，然后根据返回值渲染select
// 动态渲染脚本类型下拉框
 2             // 1.发送ajax请求得到data
 3            //  2.将data渲染到页面上
 4     function getDataList() {
 5         // 请求
 6         $.ajax({
 7             type:'post',
 8             url: "/cd/workPlatform/tool/detail",
 9             success:function(response){
10                 var data=response.data;
11                 $('#scriptLanguage').empty();
12                 var t;
13                 if(data==null){
14                     t='<option value="1" selected="selected">shell</option><option value="0" >damao</option><option value="2">bobo/option>'
15                 }else if(data.scriptLanguage=='1'){
16                     t='<option value="1" selected="selected">bobo</option><option value="0" >damao</option><option value="2">bobo/option>'
17 
18                 }else if(data.scriptLanguage=='2'){
19                     t='<option value="1" selected="selected">xiaoyang</option><option value="0" >damao</option><option value="2">bobo</option>'
20 
21                 };
22                 $('.scriptLanguage').append(t);
23                 form.render('select');
24             }
25         })
26     }
27 
28     $(document).ready(function () {
29         getDataList();
30     });






 


 1 //展示下拉框
 2     function showCategory(data, count) {
 3         $(data).each(function (i, n) {
 4           //  console.log(n);
 5             var t = "";
 6             for (var j = 0; j < count; ++j) {
 7                 t += "&nbsp;&nbsp;&nbsp";
 8             }
 9             if (n.children.length > 0) {
10                 $("#toolType").append("<option value='" + n.id + "' style='font-weight: bold;'>" + t + n.categoryName + "</option>");
11                 showCategory(n.children, count + 1)
12             } else {
13                 $("#toolType").append("<option value='" + n.id + "'>" + t + n.categoryName + "</option>");
14             }
15         });
16         form.render('select');
17     }
18     $("#toolType").append("<option value=''>请选择脚本类型</option>");
19     $.get("/cd/tool/category/tree.afca", {}, function (data) {
20         showCategory(data.data, 0);
21         form.render('select');
22     }, "json");




 







            

            
posted @ 
2018-04-26 18:22 
前端极客 
阅读(66248) 
评论(2) 
编辑 
收藏 
举报