在IE11 windows 10中使用jquery提交后,ActionForm中的表单值不可用

在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参数(从表单

我有一张带桌子的表格。此表将有多行。第一次使用一行加载此表时,我们有一个名为“AddRow”的按钮来为该表添加新行

每行有三列。在页面底部有一个保存按钮。当我在创建一个包含值的新行后单击save按钮提交表单时。它在IE模式5下工作正常。但是当我尝试使用IE11时,它并没有保存我们添加的新行的数据。所以在保存操作之后,新添加的行不会出现在视图中

问题:

当我在添加行后提交带有值的表单时。它导航到action类,“ActionForm”参数已获取我们提交的值。当我测试ActionForm参数(从表单中获取)时,表单没有我添加的新行的值

我尝试在UI端使用
$(“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();
    });
}