layer插件select選中默認(rèn)值的方法
更新時(shí)間：2018年08月14日 14:26:06 作者：樹(shù)林中的啄木鳥(niǎo)
今天小編就為大家分享一篇layer插件select選中默認(rèn)值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
再次更改代碼的時(shí)候，因?yàn)槌鞘邢吕斜硎菑臄?shù)據(jù)庫(kù)查出來(lái)的，所以這時(shí)候就想到了一起以前用到的一個(gè)方法：select重新渲染
就是把未渲染的元素該怎么設(shè)置值還怎么設(shè)置值，然后把layer渲染出來(lái)的頁(yè)面樣式，從新再渲染一次， ，，
示例： [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：?jiǎn)蝹€(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)值的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
如何提升JavaScript執(zhí)行效率與性能在前端開(kāi)發(fā)中位于一個(gè)很重要的地方，這節(jié)來(lái)研究下如何在平時(shí)做項(xiàng)目過(guò)程中，提升JavaScript性能與運(yùn)行效率,需要的朋友可以參考下2012-12-12
JavaScript實(shí)現(xiàn)滑塊驗(yàn)證解鎖
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)滑塊驗(yàn)證解鎖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
Javascript是一門(mén)基于對(duì)象的動(dòng)態(tài)語(yǔ)言，也就是說(shuō)，所有東西都是對(duì)象，一個(gè)很典型的例子就是函數(shù)也被視為普通的對(duì)象。2009-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序頁(yè)面上下滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)
本文主要介紹了JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
JavaScript中常用的簡(jiǎn)潔高級(jí)技巧總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript中常用的簡(jiǎn)潔高級(jí)技巧，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用Javascript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
基于JavaScript實(shí)現(xiàn)實(shí)時(shí)在線協(xié)作編輯器
隨著Web技術(shù)的發(fā)展,實(shí)現(xiàn)在線協(xié)作編輯文檔已經(jīng)成為一種常見(jiàn)的需求,本文主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)實(shí)時(shí)在線協(xié)作編輯器,需要的可以參考下2024-01-01
這篇文章給大家總結(jié)了JS設(shè)置CSS樣式的幾種方式，每種方式都非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-01-01
前端流式輸出從原理到實(shí)踐實(shí)現(xiàn)詳解
流式輸出技術(shù)允許服務(wù)器逐步將數(shù)據(jù)傳送給客戶端,而不是一次性地加載全部數(shù)據(jù),這篇文章主要介紹了前端流式輸出從原理到實(shí)踐實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序異步處理的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11