layui动态渲染生成select的option值方法

脚本语言：设定默认值；直接拼接，然后根据返回值渲染select//动态渲染脚本类型下拉框//1.

脚本语言：设定默认值；直接拼接，然后根据返回值渲染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值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。