1. 程式人生 > >form表單 無法提交js動態新增的表單元素遇到的坑

form表單 無法提交js動態新增的表單元素遇到的坑

第一種情況, 這種情況js動態新增的表單元素是不能提交到伺服器端的

<table>

<form method="post" action=" url  ">

<tr><td></td><td></td></tr>

<tr><td></td><td></td></tr>

</form>

</table>

第二種情況, 才可以把js動態新增的表單元素提交到伺服器端

<form method="post" action=" url  ">

<table>

<tr><td></td><td></td></tr>

<tr><td></td><td></td></tr>

</table>

</form>

總結:要保證form的完整性,和它放置目標html標籤的完整性,例如:上面的table就不能用form標籤把table和table的tr節點分開。

只有這樣才能把js動態新增到form的元素提交到服務端。

如果你分不標籤的完整性。你可以開啟,googlei瀏覽器的開發都工具。檢視你用js動態新增的標籤有沒有包含在form標籤裡面。