• 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");
  • 相关阅读:
    Cheatsheet: 2010 05.25 ~ 05.31
    Cheatsheet: 2010 07.01 ~ 07.08
    Cheatsheet: 2010 07.22 ~ 07.31
    Cheatsheet: 2010 06.01 ~ 06.07
    Cheatsheet: 2010 05.11 ~ 05.17
    Cheatsheet: 2010 06.08 ~ 06.15
    Cheatsheet: 2010 06.16 ~ 06.22
    Cheatsheet: 2010 06.23 ~ 06.30
    2020.7.20第十五天
    2020.7.19第十四天
  • 原文地址:https://www.cnblogs.com/yangguoe/p/8954310.html
Copyright © 2020-2023  润新知