layui對(duì)彈窗form表單賦值的實(shí)現(xiàn)方法

目的：點(diǎn)擊編輯按鈕實(shí)現(xiàn) 數(shù)據(jù)回顯到彈出子頁面表單內(nèi)。如下圖：

公司主營(yíng)業(yè)務(wù)：成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出陸豐免費(fèi)做網(wǎng)站回饋大家。

layui 對(duì)彈窗 form表單賦值的實(shí)現(xiàn)方法

Html 代碼：

<body>
 <div class="layui-form" lay-filter="useradmin" id="useradmin">
  <div class="layui-form-item">
   <label class="layui-form-label">用 &nbsp;戶&nbsp;名</label>
   <div class="layui-input-inline">
    <input type="text" name="username" lay-verify="required" id="username" placeholder="請(qǐng)輸入用戶名" autocomplete="off" class="layui-input">
   </div>
  </div>
 其它省略...
 </div>
</body>

Js 代碼：

layer.open({
    type: 2
    ,title: '編輯用戶'
    ,content: 'xx.html'
    ,maxmin: true
    ,area: ['500px', '450px']
    ,btn: ['確定', '取消']
    ,yes: function(index, layero){
     
    省略...
    }
    ,success: function(layero, index){
   
      // 方式一 其實(shí)就是獲取的 子頁面的 div  
      var div = layero.find('iframe').contents().find('#useradmin'); // div.html() div里面的內(nèi)容,不包含當(dāng)前這個(gè)div
        
       // 方式二 
       var body = layer.getChildFrame('body', index); // body.html() body里面的內(nèi)容 
   
       
       /* ---- 附加內(nèi)容 看看就好 Begin ---- */
      var iframeWindow = window['layui-layer-iframe'+ index]  // 方式一： 得到iframe頁的窗口對(duì)象
      var iframeWindow = window[layero.find('iframe')[0]['name']];  // 方式二： 得到iframe頁的窗口對(duì)象
      /* ---- 附加內(nèi)容 看看就好 End ---- */
 
      // 測(cè)試 ：
      body.find("#username").val("admin"); // 方式一
   
      div.find("#username").val("admin"); // 方式二 
    }
 });

layui 表單數(shù)據(jù)獲取：可參考layui 實(shí)例： https://www.layui.com/demo/table/operate.html 。

這里建議 form表單屬性名和表格的屬性名最好一致，獲取的數(shù)據(jù) 遍歷賦值時(shí)，只需一遍操作，避免當(dāng)表單數(shù)據(jù)過多時(shí)，需要寫多個(gè) div.find("# id").val(" ");

以上這篇layui 對(duì)彈窗 form表單賦值的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站題目：layui對(duì)彈窗form表單賦值的實(shí)現(xiàn)方法
文章轉(zhuǎn)載：http://www.chinadenli.net/article20/gpdcco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、靜態(tài)網(wǎng)站、微信公眾號(hào)、網(wǎng)站制作、搜索引擎優(yōu)化、軟件開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

layui對(duì)彈窗form表單賦值的實(shí)現(xiàn)方法