解决layer.open弹出框不能获取input框的值为空的问题

来源：动视网责编：小采时间：2020-11-27 21:50:40

解决layer.open弹出框不能获取input框的值为空的问题

解决layer.open弹出框不能获取input框的值为空的问题:最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值，代码如下：红色标记区域添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, title: '品牌添加', shadeClose: true, shade: 0

推荐度：

点击下载本文 文档为doc格式

导读解决layer.open弹出框不能获取input框的值为空的问题:最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值，代码如下：红色标记区域添加js代码 //Ajax添加品牌 function addBrandWI(){ layer.open({ type: 0, title: '品牌添加', shadeClose: true, shade: 0

最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值，代码如下：红色标记区域

添加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>

弹出框如下图：