Question

我有一张桌子。该表将有多行。第一次这个表将加载一行，我们有一个名为“添加行”的按钮来为该表添加新行。

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

问题：

我在添加行后提交带有值的表单。它导航到动作类“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>

添加行

<input name="addrow" id="addrow" click="duplicateHiddenrow('mainTable') type="button" value="AddRow" />

在IE11 Windows 10 IE11模式下的

DOM

     <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" />

JQuery的

function saveForm() {

   $('form').eq(0).attr('action','saveProperty.do');
   $('form').eq(0).submit(function (e) {
     e.preventDefault();
    });
}

在IE11窗口10中使用jquery提交后，ActionForm中没有表单值

0 个答案: