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

