layer.open 獲取不到表單信息的解決方法
更新時間：2019年09月26日 09:38:32 作者：yi好快的刀
今天小編大家分享一篇layer.open 獲取不到表單信息的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
表單：
<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>看房時間</span>
<input type="text" class="input-normal order-time" name="time" placeholder="請選擇看房時間"/>
</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="請輸入備注"></textarea>
</li>
<li>
<span> </span>
<button type="button" class="btn btn-primary btn-lg order-messige-btn">提交看房申請</button>
</li>
</form>
</ul>
</div>
js :
layer.open({
type: 1,
title: [
'申請預(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(){
//申請成功
$('.order-messige-btn').on('click',function() {
alert($("textarea").val());
});
}
});
在此處報了一個錯誤：layer.open彈出框不能獲取input框的值為空
點擊保存就是不能獲取input的值，總是為空字符串。
后來在網(wǎng)上查找資料，原來這是個比較普遍的bug，原來是layer.open的content參數(shù)（上面紅色標(biāo)記代碼），應(yīng)該寫成
content: $('.orderHouse'),不要后面的html(),去掉后調(diào)試正常獲取了input的值，解決問題就行，也沒有去深究這個是什么原因（關(guān)鍵也沒那個時間）。
以上這篇layer.open 獲取不到表單信息的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要分享了canvas繪制七巧板的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要介紹了JavaScript閉包原理與用法,結(jié)合實例形式分析了javascript閉包的概念、功能、常見問題及相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細介紹了javascript實現(xiàn)京東登錄顯示隱藏密碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
js判斷請求的url是否可訪問,支持跨域判斷的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨s判斷請求的url是否可訪問,支持跨域判斷的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
本文主要介紹了JS完成畫圓圈的小球的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
本篇文章主要介紹了Javascript 實現(xiàn)匿名遞歸的實例代碼，利用 arguments.callee 來實現(xiàn)匿名遞歸的方式。有興趣的可以了解一下2017-05-05
這篇文章主要為大家詳細介紹了JavaScript省市級聯(lián)下拉菜單實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了JavaScript中的值是按值傳遞還是按引用傳遞問題探討,本文講解了按值傳遞、按引用傳遞、按共享傳遞、基本類型的不可變(immutable)性質(zhì)等內(nèi)容,需要的朋友可以參考下2015-01-01
這篇文章主要為大家詳細介紹了ionic grid九宮格的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-06-06
javascript算法學(xué)習(xí)(直接插入排序)
假設(shè)待排序的記錄存放在數(shù)組R[1..n]中。初始時，R[1]自成1個有序區(qū)，無序區(qū)為R[2..n]。從i=2起直至i=n為止，依次將R[i]插入當(dāng)前的有序區(qū)R[1..i-1]中，生成含n個記錄的有序區(qū)。2011-04-04