layui動態(tài)渲染生成select的option值方法
更新時間:2019年09月23日 16:53:55 作者:前端極客
今天小編就為大家分享一篇layui動態(tài)渲染生成select的option值方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
腳本語言:設(shè)定默認(rèn)值;直接拼接,然后根據(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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
JS變量中有var定義和無var定義的區(qū)別以及es6中l(wèi)et命令和const命令
這篇文章主要介紹了JS變量中有var定義和無var定義的區(qū)別以及es6中l(wèi)et命令和const命令,需要的朋友可以參考下2017-02-02javascript創(chuàng)建動態(tài)表單的方法
這篇文章主要介紹了javascript創(chuàng)建動態(tài)表單的方法,實例分析了javascript動態(tài)操作頁面表單元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07微信小程序頁面調(diào)用自定義組件內(nèi)的事件詳解
這篇文章主要介紹了微信小程序頁面調(diào)用自定義組件內(nèi)的事件詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09基于ajax與msmq技術(shù)的消息推送功能實現(xiàn)代碼
這篇文章主要介紹了基于ajax與msmq技術(shù)的消息推送功能實現(xiàn)代碼,具有一定的參考價值,有興趣的可以了解一下。2016-12-12JavaScript中偽協(xié)議 javascript:使用探討
javascript:這個特殊的協(xié)議類型聲明了URL的主體是任意的javascript代碼,它由javascript的解釋器運行2014-07-07