layui動態(tài)渲染生成select的option值方法
更新時間:2019年09月23日 16:53:55 作者:前端極客
今天小編就為大家分享一篇layui動態(tài)渲染生成select的option值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
腳本語言:設定默認值;直接拼接,然后根據(jù)返回值渲染select
// 動態(tài)渲染腳本類型下拉框
// 1.發(fā)送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動態(tài)渲染生成select的option值方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
JavaScript 彈出窗體點擊按鈕返回選擇數(shù)據(jù)的實現(xiàn)
這兩天一直想實現(xiàn)這個,以前做做個Demo,但是不知道跑哪去了。于是今天在網(wǎng)上找了些資料再自己動手搞定。廢話不多說。直接進入主題啦。2010-04-04
一文帶你掌握JavaScript中Moment.js如何操作日期和時間
Moment.js是一個極其強大的JavaScript庫,專門用于解析、驗證、操作和顯示日期和時間,下面就跟隨小編一起學習一下Moment.js的具體使用吧2024-01-01
微信小程序外賣選購頁實現(xiàn)切換分類與數(shù)量加減功能案例
這篇文章主要介紹了微信小程序外賣選購頁實現(xiàn)切換分類與數(shù)量加減功能,結(jié)合具體實例形式分析了微信小程序狀態(tài)記錄、判定及數(shù)值運算相關操作技巧,需要的朋友可以參考下2019-01-01
javascript實現(xiàn)瀏覽器窗口傳遞參數(shù)的方法
這篇文章主要介紹了javascript實現(xiàn)瀏覽器窗口傳遞參數(shù),需要的朋友可以參考下2014-09-09
JavaScript-定時器0~9抽獎系統(tǒng)詳解(代碼)
這篇文章主要介紹了 JavaScript-定時器0~9抽獎系統(tǒng),通過代碼實例說明函數(shù)調(diào)用的整體操作,具體步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08

