layui动态渲染生成select的option值方法
脚本语言:设定默认值;直接拼接,然后根据返回值渲染select
创新互联建站长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为西乌珠穆沁企业提供专业的成都做网站、成都网站建设,西乌珠穆沁网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。
// 动态渲染脚本类型下拉框 // 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='' }; $('.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(""); showCategory(n.children, count + 1) } else { $("#toolType").append(""); } }); form.render('select'); } $("#toolType").append(""); $.get("/cd/tool/category/tree.afca", {}, function (data) { showCategory(data.data, 0); form.render('select'); }, "json");
以上这篇layui动态渲染生成select的option值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
新闻标题:layui动态渲染生成select的option值方法
转载来源:http://scyanting.com/article/jheppo.html