layer插件select選中默認(rèn)值的方法
再次更改代碼的時(shí)候,因?yàn)槌鞘邢吕斜硎菑臄?shù)據(jù)庫查出來的,所以這時(shí)候就想到了一起以前用到的一個(gè)方法:select重新渲染
就是把未渲染的元素該怎么設(shè)置值還怎么設(shè)置值,然后把layer渲染出來的頁面樣式,從新再渲染一次, ,,
示例: [layui渲染文檔](http://www.layui.com/doc/modules/form.html#render)
$("#userName).val("小明"); ... $("#city").val("天劍山"); ...一大堆需要設(shè)置的值,然后一個(gè)渲染,就可以了 form.render(); //更新全部 form.render('select'); //刷新select選擇框渲染
下面的廢棄?。。。。。。。。。。。。?!
/** * layui:select插件,默認(rèn)選中 * ps:單個(gè)下拉框 * @param 下拉框的id * @param 想要讓選中的值:str */ function layuiSelected(id,str){ //0、設(shè)置select的值 $("#"+id).attr("value",str); //0.1把select下的option的selected換成現(xiàn)在的 $("#"+id).children("option").each(function(){ if ($(this).text() == str) { $(this).attr("selected","selected"); }else{ if ($(this).attr("selected") == "selected") { $(this).removeAttr("selected"); } } }); //1、首先設(shè)置輸框 $("#"+id).siblings("div[class='layui-unselect layui-form-select']").children("div[class='layui-select-title']").children("input").val(str); //2、其次,設(shè)置dl下的dd $("#"+id).siblings("div[class='layui-unselect layui-form-select']").children("dl").children("dd").each(function(){ if ($(this).text() == str){ if (!$(this).hasClass("layui-this")) { $(this).addClass("layui-this"); $(this).click(); } return true; }else{ if ($(this).hasClass("layui-this")) { $(this).removeClass("layui-this"); } } }); }
以上這篇layer插件select選中默認(rèn)值的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js完美實(shí)現(xiàn)@提到好友特效(兼容各大瀏覽器)
本文給大家分享的是一則使用javascript完美實(shí)現(xiàn)兼容各大瀏覽器的@好友自動(dòng)提示的特效,是根據(jù)百度貼吧的效果模仿來的,推薦給小伙伴們,希望大家能夠喜歡。2015-03-03javascript結(jié)合Cookies實(shí)現(xiàn)瀏覽記錄歷史
最近在工作當(dāng)中遇到一個(gè)問題 有個(gè)頁面需要添加一個(gè)瀏覽歷史記錄功能,具體來說就是要記錄下用戶在此網(wǎng)站的點(diǎn)擊歷史 并把它們降序排列出來(只顯示前6個(gè)瀏覽歷史而且不能重復(fù))。2008-09-09JavaScript通過HTML的class來獲取HTML元素的方法總結(jié)
除了getElementsByClassName()函數(shù),我們可以自己動(dòng)手編寫程式來通過class獲取元素,接下來我們整理了一下JavaScript通過HTML的class來獲取HTML元素的方法總結(jié),需要的朋友可以參考下2016-05-05Bootstrap模態(tài)框禁用空白處點(diǎn)擊關(guān)閉
這篇文章主要為大家詳細(xì)介紹了Bootstrap模態(tài)框禁用空白處點(diǎn)擊關(guān)閉的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10TypeScript中d.ts類型聲明文件的實(shí)現(xiàn)
.d.ts 文件是 TypeScript 的類型聲明文件,它們的主要作用是為 JavaScript 庫提供類型支持,本文主要介紹了TypeScript中d.ts類型聲明文件的實(shí)現(xiàn),感興趣的可以了解一下2023-10-10echarts學(xué)習(xí)之legend點(diǎn)擊事件解讀
這篇文章主要介紹了echarts學(xué)習(xí)之legend點(diǎn)擊事件解讀,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-03-03JavaScript實(shí)現(xiàn)樓梯滾動(dòng)特效(jQuery實(shí)現(xiàn))
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)樓梯滾動(dòng)特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-09-09微信小程序?qū)W習(xí)筆記之目錄結(jié)構(gòu)、基本配置圖文詳解
這篇文章主要介紹了微信小程序?qū)W習(xí)筆記之目錄結(jié)構(gòu)、基本配置,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序的相關(guān)注冊(cè)、配置及基本使用方法,并配以圖片加以說明,需要的朋友可以參考下2019-03-03