layer插件select選中默認值的方法
再次更改代碼的時候,因為城市下拉列表是從數(shù)據(jù)庫查出來的,所以這時候就想到了一起以前用到的一個方法:select重新渲染
就是把未渲染的元素該怎么設置值還怎么設置值,然后把layer渲染出來的頁面樣式,從新再渲染一次, ,,
示例: [layui渲染文檔](http://www.layui.com/doc/modules/form.html#render)
$("#userName).val("小明"); ... $("#city").val("天劍山"); ...一大堆需要設置的值,然后一個渲染,就可以了 form.render(); //更新全部 form.render('select'); //刷新select選擇框渲染
下面的廢棄?。。。。。。。。。。。。。?br />
/** * layui:select插件,默認選中 * ps:單個下拉框 * @param 下拉框的id * @param 想要讓選中的值:str */ function layuiSelected(id,str){ //0、設置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、首先設置輸框 $("#"+id).siblings("div[class='layui-unselect layui-form-select']").children("div[class='layui-select-title']").children("input").val(str); //2、其次,設置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選中默認值的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
javascript結合Cookies實現(xiàn)瀏覽記錄歷史
最近在工作當中遇到一個問題 有個頁面需要添加一個瀏覽歷史記錄功能,具體來說就是要記錄下用戶在此網(wǎng)站的點擊歷史 并把它們降序排列出來(只顯示前6個瀏覽歷史而且不能重復)。2008-09-09JavaScript通過HTML的class來獲取HTML元素的方法總結
除了getElementsByClassName()函數(shù),我們可以自己動手編寫程式來通過class獲取元素,接下來我們整理了一下JavaScript通過HTML的class來獲取HTML元素的方法總結,需要的朋友可以參考下2016-05-05TypeScript中d.ts類型聲明文件的實現(xiàn)
.d.ts 文件是 TypeScript 的類型聲明文件,它們的主要作用是為 JavaScript 庫提供類型支持,本文主要介紹了TypeScript中d.ts類型聲明文件的實現(xiàn),感興趣的可以了解一下2023-10-10JavaScript實現(xiàn)樓梯滾動特效(jQuery實現(xiàn))
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)樓梯滾動特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-09-09