溫馨提示×

您好，登錄后才能下訂單哦！

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

layer.open 獲取不到表單信息的解決方法

發(fā)布時(shí)間：2020-08-20 09:49:30 來(lái)源：腳本之家 閱讀：225 作者：yi好快的刀 欄目：web開(kāi)發(fā)

表單：

<div class="orderHouse none">
  <ul class="order-house-messige">
    <form id="order-form" class="mui-input-group common-input-group order-house-group" data-action="<{:U('ordering')}>">
    <li>
      <span>看房時(shí)間</span>
      <input type="text" class="input-normal order-time" name="time" placeholder="請(qǐng)選擇看房時(shí)間"/>
    </li>
    <li>
      <span>聯(lián)系方式</span>
      <input type="tel" class="input-normal" data-value="123123" name="mobile" placeholder="155****5892" />
    </li>
    <li>
      <span class="fn-left">備注</span>
      <textarea rows="5" cols="54" name="content" placeholder="請(qǐng)輸入備注"></textarea>
    </li>
    <li>
      <span> &nbsp;</span>
      <button type="button" class="btn btn-primary btn-lg order-messige-btn">提交看房申請(qǐng)</button>
    </li>
    </form>
  </ul>
</div>

js :

layer.open({
  type: 1,
  title: [
    '申請(qǐng)預(yù)約看房',
    'background-color:#fff; border-bottom:solid 1px #e5e5e5; margin-top: 0;height: 60px;line-height: 60px; font-size:18px;'
  ],
  closeBtn:2,
  area: ['570px','400px'],
  content: $('.orderHouse').html(),
  success:function(){
    //申請(qǐng)成功
    $('.order-messige-btn').on('click',function() {
      alert($("textarea").val());
    });
  }
});

在此處報(bào)了一個(gè)錯(cuò)誤：layer.open彈出框不能獲取input框的值為空

點(diǎn)擊保存就是不能獲取input的值，總是為空字符串。

后來(lái)在網(wǎng)上查找資料，原來(lái)這是個(gè)比較普遍的bug，原來(lái)是layer.open的content參數(shù)（上面紅色標(biāo)記代碼），應(yīng)該寫(xiě)成

content: $('.orderHouse'),不要后面的html(),去掉后調(diào)試正常獲取了input的值，解決問(wèn)題就行，也沒(méi)有去深究這個(gè)是什么原因（關(guān)鍵也沒(méi)那個(gè)時(shí)間）。

以上這篇layer.open 獲取不到表單信息的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(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
助
手