如何指定哪個輸入轉到哪個表格

Question

我有數據行，其中每列是包含<input>的<td>。挑戰是當用戶按下提交按鈕時，我想要提交2個表單，並輸入不同的輸入。我怎樣才能在輸入中指定哪種形式的輸入應該去？

其原因，這是質樸的，因爲通常情況下，你有這樣的：

<form> 
    <table> 
    <tr> 
     <td><input /></td> 
    </tr> 
    </table> 
</form> 

所以輸入變爲取其形成它的嵌套。但在我的情況，因爲這是不可能做這種梳理出的，因爲我需要：

<form1> 
<form2> 
    <table> 
    <tr> 
     <td><input1 /></td> 
     <td><input2 /></td> 
     <td><input2 /></td> 
     <td><input1 /></td> 
     <td><input1 /></td> 
    </tr> 
    </table> 
</form1> 
</form2> 

如果沒有辦法使上述工作，除了做類似下面：

<table> 
    <tr> 
     <form1> 
     <td><input1 /></td> 
     <td><input1 /></td> 
     <td><input1 /></td> 
     </form1> 
     <form2> 
     <td><input2 /></td> 
     <td><input2 /></td> 
     </form2> 
    </tr> 
    </table> 

這也是一個可以接受的答案。我只是希望避免上述情況，因爲從用戶體驗的角度來看，諷刺的是，它將混合輸入到表單的最直觀的意義。

Answer 1

你不能沒有你已經提到或不使用javascript在2個不同的form小號區分你的投入實現這一目標。那麼，第三種選擇是通過名稱（form[1][name],form[2][name]等）在後端「分隔」表單

Answer 2

通過JavaScript提交您需要的兩組輸入。如果您在使用jQuery：

var group1 = $('#myform :input').not('.group2').serializeArray(); 
var group2 = $('#myform :input').not('.group1').serializeArray(); 

// post each group wherever you want 
$.post("/page1", group1); 
$.post("/page2", group2); 

https://api.jquery.com/serialize/

https://api.jquery.com/serializeArray/