layer插件select選中默認(rèn)值的方法

更新時(shí)間：2018年08月14日 14:26:06 作者：樹林中的啄木鳥

今天小編就為大家分享一篇layer插件select選中默認(rèn)值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

再次更改代碼的時(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：?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è)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

layer
select

相關(guān)文章

JavaScript執(zhí)行效率與性能提升方案
如何提升JavaScript執(zhí)行效率與性能在前端開發(fā)中位于一個(gè)很重要的地方，這節(jié)來研究下如何在平時(shí)做項(xiàng)目過程中，提升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 this指針
Javascript是一門基于對(duì)象的動(dòng)態(tài)語言，也就是說，所有東西都是對(duì)象，一個(gè)很典型的例子就是函數(shù)也被視為普通的對(duì)象。
2009-07-07
微信小程序頁面上下滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序頁面上下滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)
本文主要介紹了JS中2種定時(shí)器的使用及清除的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-08-08
JavaScript中常用的簡(jiǎn)潔高級(jí)技巧總結(jié)
這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript中常用的簡(jiǎn)潔高級(jí)技巧，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者使用Javascript具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
基于JavaScript實(shí)現(xiàn)實(shí)時(shí)在線協(xié)作編輯器
隨著Web技術(shù)的發(fā)展,實(shí)現(xiàn)在線協(xié)作編輯文檔已經(jīng)成為一種常見的需求,本文主要為大家詳細(xì)介紹了如何使用JavaScript實(shí)現(xiàn)實(shí)時(shí)在線協(xié)作編輯器,需要的可以參考下
2024-01-01
JS設(shè)置CSS樣式的方式匯總
這篇文章給大家總結(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)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-04-04
微信小程序異步處理詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序異步處理的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11