如何在每個表格行中追加表單及其文件輸入？

我有一個Jsfiddle應用程序here。如果您在textarea中輸入一個問題，然後單擊「添加問題」按鈕，它會在下表中附加問題和問題編號（如果您願意，可以嘗試幾次）。如何在每個表格行中追加表單及其文件輸入？

下面的表格是以另一種形式存儲的文件輸入。我的問題是，如何將包含文件輸入的表單代碼添加到表格中，以便每次添加問題時，都會附加問題編號和問題，但是它還會爲每一行附加文件輸入？

2012-04-07 user1309180

它更好地更改標記並將添加問題表放在頂部。 – undefined 2012-04-07 04:13:32

@Raminson你是什麼意思？ – user1309180 2012-04-07 04:15:24

我的意思是，它更好地把文件上傳到#question表中。 – undefined 2012-04-07 04:25:51

你可以做到這一點，你已經做了同樣的方式。只需記住將這些行相應地更改爲服務器端所期望的內容，例如文件輸入的名稱。

var $image = $("<td class='image'></td>"); 
var $fileImage = '<p id="f1_upload_form"><br/><label>File: <input name="fileImage" type="file" id="fileImage" /></label></p>'; 
$image.append($fileImage); 
$tr.append($image);

現在你只需要將上傳按鈕移動到表格底部，仍然在包裝表格的表格內。

這是a working jsfiddle。

來源

2012-04-07 04:03:20 Alexander

這確實附加到一個新的行，但我想知道的是，當我點擊行中的上傳按鈕，它會通過表單標籤上傳文件到upload.php，因爲這是我需要做的成功上傳文件。目前文件輸入被添加到一個新行中，但我不確定這些文件是否會成功上傳，因爲它沒有形式標籤可供調用。那有意義嗎？ – user1309180 2012-04-07 04:10:12

我更新了答案。只需移動「

只是爲了澄清，如果我添加3個問題，我爲他們的行中的每個輸入添加一個文件，如果我在第一行點擊文件輸入的'upload'，那麼會發生什麼？是否只有第一行文件輸入被上傳？ – user1309180 2012-04-07 04:31:32

你可以得到文件輸入的值，然後將其添加到該行：

var fileinput = $("#fileinput").val();

來源

2012-04-07 03:59:05 undefined

我真的需要將文件輸入附加到每行，以便如果用戶在任何時候想要爲其中一個問題上傳文件，則可以使用該行內的文件輸入。 – user1309180 2012-04-07 04:05:10

所以它更好地添加問題後添加文件上傳輸入。 – undefined 2012-04-07 04:10:18

亞歷山大上面這樣做是正確的。但我想知道每個文件輸入如何在窗體action upload.php中調用以成功地上傳文件。底部的表單執行此操作，但是如何才能獲取可以使用表單操作upload.php上傳文件的文件輸入？ – user1309180 2012-04-07 04:12:27

如何在每個表格行中追加表單及其文件輸入？

回答

相關問題