layui動(dòng)態(tài)渲染生成select的option值方法
腳本語(yǔ)言:設(shè)定默認(rèn)值;直接拼接,然后根據(jù)返回值渲染select
// 動(dòng)態(tài)渲染腳本類型下拉框
// 1.發(fā)送ajax請(qǐng)求得到data
// 2.將data渲染到頁(yè)面上
function getDataList() {
// 請(qǐng)求
$.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=''>請(qǐng)選擇腳本類型</option>");
$.get("/cd/tool/category/tree.afca", {}, function (data) {
showCategory(data.data, 0);
form.render('select');
}, "json");
以上這篇layui動(dòng)態(tài)渲染生成select的option值方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
簡(jiǎn)單談?wù)刯avascript代碼復(fù)用模式
這篇文章主要簡(jiǎn)單談?wù)刯avascript代碼復(fù)用模式,主要詳細(xì)介紹了類式繼承模式中的默認(rèn)模式,希望大家能夠喜歡。2015-01-01
JavaScript 彈出窗體點(diǎn)擊按鈕返回選擇數(shù)據(jù)的實(shí)現(xiàn)
這兩天一直想實(shí)現(xiàn)這個(gè),以前做做個(gè)Demo,但是不知道跑哪去了。于是今天在網(wǎng)上找了些資料再自己動(dòng)手搞定。廢話不多說(shuō)。直接進(jìn)入主題啦。2010-04-04
JS實(shí)現(xiàn)超精簡(jiǎn)響應(yīng)鼠標(biāo)顯示二級(jí)菜單代碼
這篇文章主要介紹了JS實(shí)現(xiàn)超精簡(jiǎn)響應(yīng)鼠標(biāo)顯示二級(jí)菜單代碼,可實(shí)現(xiàn)針對(duì)鼠標(biāo)事件的響應(yīng)動(dòng)態(tài)修改頁(yè)面元素屬性的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
一文帶你掌握J(rèn)avaScript中Moment.js如何操作日期和時(shí)間
Moment.js是一個(gè)極其強(qiáng)大的JavaScript庫(kù),專門用于解析、驗(yàn)證、操作和顯示日期和時(shí)間,下面就跟隨小編一起學(xué)習(xí)一下Moment.js的具體使用吧2024-01-01
解決eclipse中沒(méi)有js代碼提示的問(wèn)題
今天小編就為大家分享一篇解決eclipse中沒(méi)有js代碼提示的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
微信小程序外賣選購(gòu)頁(yè)實(shí)現(xiàn)切換分類與數(shù)量加減功能案例
這篇文章主要介紹了微信小程序外賣選購(gòu)頁(yè)實(shí)現(xiàn)切換分類與數(shù)量加減功能,結(jié)合具體實(shí)例形式分析了微信小程序狀態(tài)記錄、判定及數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
uni-app?微信小程序授權(quán)登錄的實(shí)現(xiàn)步驟
本文主要介紹了uni-app?微信小程序授權(quán)登錄的實(shí)現(xiàn)步驟,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01
javascript實(shí)現(xiàn)瀏覽器窗口傳遞參數(shù)的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)瀏覽器窗口傳遞參數(shù),需要的朋友可以參考下2014-09-09
JavaScript-定時(shí)器0~9抽獎(jiǎng)系統(tǒng)詳解(代碼)
這篇文章主要介紹了 JavaScript-定時(shí)器0~9抽獎(jiǎng)系統(tǒng),通過(guò)代碼實(shí)例說(shuō)明函數(shù)調(diào)用的整體操作,具體步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08

