时间:2021-05-26
表单:
<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>联系方式</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: [ '申请预约看房', '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的值,总是为空字符串。
后来在网上查找资料,原来这是个比较普遍的bug,原来是layer.open的content参数(上面红色标记代码),应该写成
content: $('.orderHouse'),不要后面的html(),去掉后调试正常获取了input的值,解决问题就行,也没有去深究这个是什么原因(关键也没那个时间)。
以上这篇layer.open 获取不到表单信息的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
如下所示://基于layer框架之上,验证表单时引用。弹出提示错误functionqxMsg(msgStr){layer.open({type:1,title:
layer弹出层有多种格式的弹出,使用方法也不细述。在弹出确认框可使用confirm或open方式在open中layer.open({content:'确认提交
如下所示:layer.open({content:dat,btn:['确定'],yes:function(index,layero){//事件layer.clo
layer.open的自适应:varindex=parent.layer.getFrameIndex(window.name);//先得到当前iframe层的索
如下所示:layer.open({id:'LAY_layuipro',//设定一个id,防止重复弹出type:2,title:'添加人员信息',area:['6