解決layer.open彈出框不能獲取input框的值為空的問題
更新時間：2019年09月10日 08:55:54 作者：jaryle
今天小編就為大家分享一篇解決layer.open彈出框不能獲取input框的值為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近使用layer框架來做頁面彈出框操作?？偸遣荒塬@取彈出框中input的值，代碼如下：紅色標記區(qū)域
添加js代碼
//Ajax添加品牌
function addBrandWI(){
layer.open({
type: 0,
title: '品牌添加',
shadeClose: true,
shade: 0.8,
btn: ['保存', '取消'],
area: ['40%', '70%'],
content: $('#add_Brand').html(),
yes:function(index, layero){
subForm();
layer.close(index);
},cancel: function(){}
});
}
function subForm(){
var bname=$("#brandname").val();
$.ajax({
url: 'salecenter.jsp?act=savaBrand&bname='+bname,
type: "GET",
dataType: "json", //返回json格式的數據
async: true,
success: function (data) {
if (data == '0') {
layer.alert("品牌添加成功");
} else if(data == '1'){
layer.alert("品牌添加失敗");
}else if(data == '2'){
layer.alert("此品牌已經存在");
}
}, error: function() {
}
});
}
添加html代碼
<!-- 彈出框添加品牌 --> <div id="add_Brand" style="display:none;"> <form autocomplete="off" id="sub_form" method="post"> <div class="add_model"> <div> <b class="out">*</b>品牌名稱： </div> <div> <input name="brandname" id="brandname" type="text" value=""/> </div> </div> </form> </div>
彈出框如下圖：
點擊保存就是不能獲取input的值，總是為空字符串。
后來在網上查找資料，原來這是個比較普遍的bug，原來是layer.open的content參數（上面紅色標記代碼），應該寫成
content: $('#add_Brand'),不要后面的html(),去掉后調試正常獲取了input的值，解決問題就行，也沒有去深究這個是什么原因（關鍵也沒那個時間）。
以上這篇解決layer.open彈出框不能獲取input框的值為空的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
使用three.js可以方便的讓我們在網頁中做出各種不同的3D效果，下面這篇文章主要給大家介紹了關于利用Three.js如何實現陰影效果的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
這篇文章主要為大家詳細介紹了js實現跟隨鼠標移動的小球，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08
下面小編就為大家?guī)硪黄狫S限定手機版中圖片大小隨分辨率自動調整的方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
展開和收起這樣的效果想必大家早就眼熟了吧，利用閑暇時間用js寫了一個具體功能：當自己處于全部顯示的時候，點擊自己的收起，自己收起等等感興趣的你可以參考下哈2013-03-03
這篇文章主要為大家詳細介紹了JavaScript動態(tài)綁定，關于JavaScript中為元素綁定的事件失效的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
JS常見簡單正則表達式驗證功能小結【手機,地址,企業(yè)稅號,金額,身份證等】
這篇文章主要介紹了JS常見簡單正則表達式驗證功能,結合實例形式總結分析了JS針對手機,地址,企業(yè)稅號,金額,身份證等的常見驗證技巧,需要的朋友可以參考下2017-01-01
這篇文章主要簡單介紹了Javascript中的Function與Object的關系，并附上示例分析，對于我們更好的理解Javascript中的Function與Object的關系很有幫助，有需要的小伙伴參考下。2015-01-01
本文給大家簡單介紹了在一個項目中涉及到的javascript使用閉包模擬對象的私有屬性和方法，這里記錄下來，分享給大家。2016-10-10
這篇文章主要介紹了JavaScript設計模型Iterator實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
JavaScript使用百度ECharts插件繪制餅圖操作示例
這篇文章主要介紹了JavaScript使用百度ECharts插件繪制餅圖操作,結合實例形式分析了JavaScript使用百度ECharts插件繪制餅圖的原理、步驟及相關操作注意事項,需要的朋友可以參考下2019-11-11