解決layer.open彈出框不能獲取input框的值為空的問(wèn)題
最近使用layer框架來(lái)做頁(yè)面彈出框操作??偸遣荒塬@取彈出框中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>品牌名稱(chēng): </div> <div> <input name="brandname" id="brandname" type="text" value=""/> </div> </div> </form> </div>
彈出框如下圖:
點(diǎn)擊保存就是不能獲取input的值,總是為空字符串。
后來(lái)在網(wǎng)上查找資料,原來(lái)這是個(gè)比較普遍的bug,原來(lái)是layer.open的content參數(shù)(上面紅色標(biāo)記代碼),應(yīng)該寫(xiě)成
content: $('#add_Brand'),不要后面的html(),去掉后調(diào)試正常獲取了input的值,解決問(wèn)題就行,也沒(méi)有去深究這個(gè)是什么原因(關(guān)鍵也沒(méi)那個(gè)時(shí)間)。
以上這篇解決layer.open彈出框不能獲取input框的值為空的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
利用Three.js如何實(shí)現(xiàn)陰影效果實(shí)例代碼
使用three.js可以方便的讓我們?cè)诰W(wǎng)頁(yè)中做出各種不同的3D效果,下面這篇文章主要給大家介紹了關(guān)于利用Three.js如何實(shí)現(xiàn)陰影效果的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-09-09js實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的小球
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)跟隨鼠標(biāo)移動(dòng)的小球,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-08-08JS限定手機(jī)版中圖片大小隨分辨率自動(dòng)調(diào)整的方法
下面小編就為大家?guī)?lái)一篇JS限定手機(jī)版中圖片大小隨分辨率自動(dòng)調(diào)整的方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12自己寫(xiě)了一個(gè)展開(kāi)和收起的多更能型的js效果
展開(kāi)和收起這樣的效果想必大家早就眼熟了吧,利用閑暇時(shí)間用js寫(xiě)了一個(gè)具體功能:當(dāng)自己處于全部顯示的時(shí)候,點(diǎn)擊自己的收起,自己收起等等感興趣的你可以參考下哈2013-03-03JS常見(jiàn)簡(jiǎn)單正則表達(dá)式驗(yàn)證功能小結(jié)【手機(jī),地址,企業(yè)稅號(hào),金額,身份證等】
這篇文章主要介紹了JS常見(jiàn)簡(jiǎn)單正則表達(dá)式驗(yàn)證功能,結(jié)合實(shí)例形式總結(jié)分析了JS針對(duì)手機(jī),地址,企業(yè)稅號(hào),金額,身份證等的常見(jiàn)驗(yàn)證技巧,需要的朋友可以參考下2017-01-01javascript使用閉包模擬對(duì)象的私有屬性和方法
本文給大家簡(jiǎn)單介紹了在一個(gè)項(xiàng)目中涉及到的javascript使用閉包模擬對(duì)象的私有屬性和方法,這里記錄下來(lái),分享給大家。2016-10-10JavaScript設(shè)計(jì)模型Iterator實(shí)例解析
這篇文章主要介紹了JavaScript設(shè)計(jì)模型Iterator實(shí)例解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01JavaScript使用百度ECharts插件繪制餅圖操作示例
這篇文章主要介紹了JavaScript使用百度ECharts插件繪制餅圖操作,結(jié)合實(shí)例形式分析了JavaScript使用百度ECharts插件繪制餅圖的原理、步驟及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-11-11