layui动态渲染生成select的option值方法
2019-09-23 16:53
2366 查看
脚本语言:设定默认值;直接拼接,然后根据返回值渲染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值方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- layui的布局和表格的渲染以及动态生成表格的方法
- jquery html动态生成select标签出问题的解决方法
- select 下拉菜单Option对象使用add(elements,index)方法动态添加
- jquery html动态生成select标签出问题的解决方法
- jQuery为动态生成的select元素添加事件的方法
- ie6.0中关于动态改变html中select标签中option的处理方法
- 关于layui的form里的元素进行动态生成,验证失效解决方法
- angularjs小练习(分别通过ng-repeat和ng-option动态生成select下拉框)
- angular select 默认选中指定项,option动态渲染
- jQuery为动态生成的select元素添加事件的方法
- layui的布局和表格的渲染以及动态生成表格
- javascript动态添加select的option两种方法
- jquery multiselect动态加option,需要调用refresh方法才能刷新option
- layui laydate 渲染失效问题,lay-key导致动态生成代码二次渲染失败
- 今天需要生成一条option记录插入到select,采用dom的方法与先前的方法有所不同
- easyui的accordion为动态生成,accordion的onSelect方法中又动态生成tree,为什么要第二次选择accordion,tree才生成出来
- 动态生成select的option
- 利用js给datalist或select动态添加option选项的方法
- select 下拉菜单Option对象使用add(elements,index)方法动态添加
- 动态改变select元素的option时宽度发生变化解决方法