网页中使用ajax生成了一个动态的表单.生成后,在IE中可以,在firefox浏览器中却不能提交,该如何解决?
一般来说我们会把<form>标签放在<table> 与 <tr>之间,这样表单就不会占空间,但实际上这是不合w3c标准的, 同样在firefox下动态添加的表单元素也会因为这个原因在提交时,后台无法接收到新添加的元素值, 解决方法就是把<form>放在<table>之外!
如:
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width:700px;”>
<form id=”Module_Form” name=”Module_Form” method=”post” action=””>
<tr>
<td></td>
<td>Edit Group Filter</td>
<td></td>
</tr>
<td></td>
<td><input type=”text” name=”text1″ id=”text1″></td>
<td></td>
</tr>
</form>
</table>
改成下面这样即可:
<form id=”Module_Form” name=”Module_Form” method=”post” action=””>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”width:700px;”>
<tr>
<td></td>
<td>Edit Group Filter</td>
<td></td>
</tr>
<td></td>
<td><input type=”text” name=”text1″ id=”text1″></td>
<td></td>
</tr>
</table>
</form>