溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間:2020-08-30 22:11:07 來源:腳本之家 閱讀:305 作者:樹林中的啄木鳥 欄目:web開發(fā)

再次更改代碼的時(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è)參考,也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI