解決layer.open彈出框不能獲取input框的值為空的問題
更新時間：2019年09月10日 08:55:54 作者：jaryle
今天小編就為大家分享一篇解決layer.open彈出框不能獲取input框的值為空的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
最近使用layer框架來做頁面彈出框操作?？偸遣荒塬@取彈出框中input的值，代碼如下：紅色標(biāo)記區(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格式的數(shù)據(jù)
async: true,
success: function (data) {
if (data == '0') {
layer.alert("品牌添加成功");
} else if(data == '1'){
layer.alert("品牌添加失敗");
}else if(data == '2'){
layer.alert("此品牌已經(jīng)存在");
}
}, 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>
彈出框如下圖：
點(diǎn)擊保存就是不能獲取input的值，總是為空字符串。
后來在網(wǎng)上查找資料，原來這是個比較普遍的bug，原來是layer.open的content參數(shù)（上面紅色標(biāo)記代碼），應(yīng)該寫成
content: $('#add_Brand'),不要后面的html(),去掉后調(diào)試正常獲取了input的值，解決問題就行，也沒有去深究這個是什么原因（關(guān)鍵也沒那個時間）。
以上這篇解決layer.open彈出框不能獲取input框的值為空的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中雙等號(==)和三等號(===)有何不同以及何時使用它們的相關(guān)資料,在JavaScript中"=="和"==="都是比較運(yùn)算符,用于比較兩個值是否相等,需要的朋友可以參考下2024-01-01
Google AJAX 搜索 API實(shí)現(xiàn)代碼
Google AJAX 搜索 API實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
基于JavaScript實(shí)現(xiàn)定時跳轉(zhuǎn)到指定頁面
本篇文章給大家介紹基于javascript實(shí)現(xiàn)定時跳轉(zhuǎn)到指定頁面的相關(guān)知識，涉及到j(luò)s跳轉(zhuǎn)到指定頁面的相關(guān)內(nèi)容，對js跳轉(zhuǎn)到指定頁面相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
使用JSX 建立組件 Parser（解析器）開發(fā)的示例
這篇文章主要介紹了使用JSX 建立組件 Parser（解析器）開發(fā)的示例（前端組件化）本文重點(diǎn)講述我們?nèi)绾螐?開始搭建一個組件系統(tǒng)，基于標(biāo)記語言的Parser的一種風(fēng)格2021-04-04
下面小編就為大家?guī)硪黄唵握務(wù)刯s的數(shù)據(jù)類型。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
js實(shí)現(xiàn)canvas圖片與img圖片的相互轉(zhuǎn)換的示例
本篇文章主要介紹了js實(shí)現(xiàn)canvas圖片與img圖片的相互轉(zhuǎn)換的示例，具有一定的參考價值，有興趣的可以了解一下2017-08-08
JavaScript模擬實(shí)現(xiàn)鍵盤打字效果
這篇文章主要介紹了JavaScript模擬實(shí)現(xiàn)鍵盤打字效果,本文直接給出實(shí)例代碼,需要的朋友可以參考下2015-06-06
大家可以參考下代碼，發(fā)現(xiàn)這個真?zhèn)€不錯的思路2008-07-07
javascript 尚未實(shí)現(xiàn)錯誤解決辦法
打開頁面的時候，F(xiàn)F下一切正常，但是當(dāng)我用IE6測試的時候，JS總執(zhí)行不下去了，提示“尚未實(shí)現(xiàn)”，無論怎么搞就搞不定。2008-11-11
這篇文章主要介紹了js獲取頁面description的方法,涉及javascript操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05