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 += "  ";
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");