在IE11 windows 10中使用jquery提交后,ActionForm中的表单值不可用
我有一张带桌子的表格。此表将有多行。第一次使用一行加载此表时,我们有一个名为“AddRow”的按钮来为该表添加新行 每行有三列。在页面底部有一个保存按钮。当我在创建一个包含值的新行后单击save按钮提交表单时。它在IE模式5下工作正常。但是当我尝试使用IE11时,它并没有保存我们添加的新行的数据。所以在保存操作之后,新添加的行不会出现在视图中 问题: 当我在添加行后提交带有值的表单时。它导航到action类,“ActionForm”参数已获取我们提交的值。当我测试ActionForm参数(从表单中获取)时,表单没有我添加的新行的值 我尝试在UI端使用在IE11 windows 10中使用jquery提交后,ActionForm中的表单值不可用,jquery,html,forms,internet-explorer,internet-explorer-11,Jquery,Html,Forms,Internet Explorer,Internet Explorer 11,我有一张带桌子的表格。此表将有多行。第一次使用一行加载此表时,我们有一个名为“AddRow”的按钮来为该表添加新行 每行有三列。在页面底部有一个保存按钮。当我在创建一个包含值的新行后单击save按钮提交表单时。它在IE模式5下工作正常。但是当我尝试使用IE11时,它并没有保存我们添加的新行的数据。所以在保存操作之后,新添加的行不会出现在视图中 问题: 当我在添加行后提交带有值的表单时。它导航到action类,“ActionForm”参数已获取我们提交的值。当我测试ActionForm参数(从表单
$(“form”).serialize()
在客户端提交之前获取表单值。但是我在控制台中的$(“form”).serialize()输出中没有找到新行值。但同样的东西在IE5模式下运行良好
IE11浏览器中的DoM-IE5模式:
<form name="empform" action="/emp/savedata.do" encType="application/x-www-form-urlencoded" method="post"/>
<table width="98%" align="center" id="mainTable" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr class="header" id="row">
<td> empname</td
<td>empdesc</td
<td>JoinDate</td
</tr>
<tr class="multiparty" id="r0" style="display:none visibility:hidden">
<td> <textarea name="empname"></textarea></td
<td> <textarea name="empdesc"></textarea></td
<td> <input name="joindate" type="text">/></td
</tr>
<tr class="multiparty" id="row0">
<td> <textarea name="empname"> Test</textarea></td
<td> <textarea name="empdesc"> Test</textarea></td
<td> <input name="joindate" type="text"> 21/01/2017 /></td
</tr>
<tr class="multiparty" id="row1">
<td> <textarea name="empname"> Test</textarea></td
<td> <textarea name="empdesc"> Test</textarea></td
<td> <input name="joindate" type="text"> 21/01/2017 /></td
</tr>
</tbody>
</table></form>
您还必须显示“添加行”按钮代码。还有你的表单发布代码。因为当前的jQuery代码没有任何作用,我添加了Addrow代码。@AlivetoDie
<input name="addrow" id="addrow" click="duplicateHiddenrow('mainTable') type="button" value="AddRow" />
<form name="empform" action="/emp/savedata.do" encType="application/x-www-form-urlencoded" method="post"/>
<input name="isEditable" type="hidden" value="true">
</form>
<table width="98%" align="center" id="mainTable" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr class="header" id="row">
<td> empname</td
<td>empdesc</td
<td>JoinDate</td
</tr>
<tr class="multiparty" id="r0" style="display:none visibility:hidden">
<td> <textarea name="empname"></textarea></td
<td> <textarea name="empdesc"></textarea></td
<td> <input name="joindate" type="text">/></td
</tr>
<tr class="multiparty" id="row0">
<td> <textarea name="empname"> Test</textarea></td
<td> <textarea name="empdesc"> Test</textarea></td
<td> <input name="joindate" type="text"> 21/01/2017 /></td
</tr>
<tr class="multiparty" id="row1">
<td> <textarea name="empname"> Test</textarea></td
<td> <textarea name="empdesc"> Test</textarea></td
<td> <input name="joindate" type="text"> 21/01/2017 /></td
</tr>
</tbody>
</table>
</form>
<input name="addrow" id="addrow" click="duplicateHiddenrow('mainTable') type="button" value="AddRow" />
function saveForm() {
$('form').eq(0).attr('action','saveProperty.do');
$('form').eq(0).submit(function (e) {
e.preventDefault();
});
}