jQuery dialog form 提交 后台不能取值的解决办法
十一郎的IT 2013-10-29
1.众所周知，被jQuery dialog处理后，相应的模块是加到body上的，不在form里，提交form的时候，后台获取不到数据。
2.解决方法：
利用隐藏变量，即：在form里定义隐藏变量，dialog响应事件后，为隐藏变量赋值，这样form提交，可将隐藏变量带到后台。
3.例：
<html>
<head>
<script type="text/javascript" src="jquery-ui-1.10.3.custom/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-ui-1.10.3.custom/css/ui-lightness/jquery-ui-1.10.3.custom.css"/>
</head>
<body>
<script>
$(function(){
$('#dialogDiv').dialog({
modal:true,
autoOpen:false,
width: 300,
height:216,
resizable:false,
position:"center",
buttons: {
'确定': function() {
$('#id').val($('#dialogId').val());
$('#name').val($('#dialogName').val());
$(this).dialog('close');
},
'取消': function() {
$(this).dialog('close');
}
}
});
$.openDialog = function() {
$('#dialogDiv').dialog('open');
}
$.show = function() {
alert('form中id的值:' + $('#mainForm #id').val());
alert('form中name的值:' + $('#mainForm #name').val());
alert('form提交后,后台可获取id、name的值');
}
})
</script>
<form id="mainForm">
<input type="hidden" id="id"/>
<input type="hidden" id="name"/>
<input type="button" value="打开对话框" onclick="$.openDialog()"/>
<input type="button" value="查看" onclick="$.show()"/>
<div id="dialogDiv" title="test">
<input type="text" id="dialogId"/><br/>
<input type="text" id="dialogName"/>
</div>
</form>
</body>
</html>4.问：如果内容很多，要定义多个隐藏变量？
答：那不适合用dialog
相关推荐
apowerfulman 0喜欢 / 0评论 2020-03-03
linwenx 0喜欢 / 0评论 2013-06-01
hustlei 0喜欢 / 0评论 2011-03-03
Mexican 0喜欢 / 0评论 2011-08-31
larrywangsun 0喜欢 / 0评论 2011-08-09
TTHHVV 0喜欢 / 0评论 2011-09-28
87384559 0喜欢 / 0评论 2014-11-11
xuewenke 0喜欢 / 0评论 2015-11-04
火星的你 0喜欢 / 0评论 2015-10-25
王磊的程序员之路 0喜欢 / 0评论 2019-06-19
攻城师 0喜欢 / 0评论 2019-06-28
yFifhting 0喜欢 / 0评论 2017-01-03
89453862 0喜欢 / 0评论 2016-05-13
SinhaengHhjian 0喜欢 / 0评论 2015-11-04
sunnylinner 0喜欢 / 0评论 2014-11-11
jquery easyui dialog可以两种方式使用1)定义div,使用iframe<div id="openRoleDiv" class="easyui-window" closed="true
无情 0喜欢 / 0评论 2014-09-20
hanliuxinming 0喜欢 / 0评论 2014-05-30
富贵 0喜欢 / 0评论 2014-02-20
asdjkl 0喜欢 / 0评论 2014-02-13
suis 0喜欢 / 0评论 2013-12-25
sunnylinner 0喜欢 / 0评论 2013-11-26
zfjdoreen 0喜欢 / 0评论 2013-11-10
我一直往前走着 0喜欢 / 0评论 2013-08-14
pplxh 0喜欢 / 0评论 2013-07-10
MMMMMMMay 0喜欢 / 0评论 2013-06-01
hackcat 0喜欢 / 0评论 2013-05-04
83443560 0喜欢 / 0评论 2013-01-22
84483368 0喜欢 / 0评论 2012-12-05
zhangyang0 0喜欢 / 0评论 2012-11-08
83570690 0喜欢 / 0评论 2012-11-05
83510998 0喜欢 / 0评论 2012-10-29
Kindlecode 0喜欢 / 0评论 2012-10-24
恋雨烟梦 0喜欢 / 0评论 2012-10-12
卡奇莫多 0喜欢 / 0评论 2012-09-07
82550495 0喜欢 / 0评论 2012-09-07
xuewenke 0喜欢 / 0评论 2012-05-16
崔博伦一路有你 0喜欢 / 0评论 2012-03-06
delmarks 0喜欢 / 0评论 2012-03-05
88284453 0喜欢 / 0评论 2012-02-09
82483564 0喜欢 / 0评论 2011-11-07
yyzhu 0喜欢 / 0评论 2011-11-04
msyndra 0喜欢 / 0评论 2011-10-13
yyzhu 0喜欢 / 0评论 2011-09-27
scjcjlu 0喜欢 / 0评论 2011-06-29
海欣海夜 0喜欢 / 0评论 2011-06-10