利用開始

### 前提・実現したいことプログラミング全般暦の浅い初心者です。備品管理システムのようなWEBアプリケーションを開発しています。貸し出し画面にて Formに入力する項目は・userId ・itemId ・testNo ・date（hidden）ですが、testNoは複数登録する場合もありJsでテキストボックスを増やせるようにしています。（testNoはListのフィールドtestNo）その後コントローラーにPOSTしてDBの処理をしますが testNoの数分の登録をします。（testNo以外のデータ同じデータが複数できる）その際Jsで動的に増やした分の情報がPOSTされずもともとあったtextboxに入力した1件ぶんしかPOSTされていません。どうしたらコントローラーにすべてのtestNoをPOSTすることができるでしょうか？ ※入力フォームをなぜかテーブルで作ってしまっているのはスルーしてください・・・多分影響はないと思いますが・・・ ※該当箇所以外は省略させてください。・spring boot ・javaScript ・HTML ・thymleaf ### 該当のソースコード ```js var input_count = 0; function add() { input_count = input_count +1 ; var ele = document.createElement("div"); ele.innerHTML = ""; var parent_object = document.getElementById("piyo"); parent_object.appendChild(ele); } ``` ```html 利用開始～userId の入力テキストボックス～itemID　の入力テキストボックス　　　　　　　　　　　　　　　　　　　　　　　～date の入力テキストボックス

テストコード　＋追加

``` ```historyForm package springbootapp.form; import java.io.Serializable; import java.util.List; import javax.validation.constraints.NotNull; import lombok.Data; @Data public class HistoryForm implements Serializable { private static final long serialVersionUID = 1L; @NotNull private String userId; @NotNull private String itemId; private List testNoList; @NotNull private String date; @Data public static class TestNoList implements Serializable { private String testNo; } } ``` ```controller @RequestMapping(value = "Use/submit", method = RequestMethod.POST) public ModelAndView create(@Valid @ModelAttribute HistoryForm historyForm,ModelAndView mv,Model model) { for(int n=0; n<=historyForm.getTestNoList().size() -1; n++) { ~~処理　　　　　　　　　} return mv; } ``` ### 試したこと testNoを配列型にしてみたり String[] testNo; jsで作成するInnerHTMLをいろいろといじってはみましたが (th:fieldをなくしてみたり足してみたり) どうやっても最初の要素（0番目）しかPOSTできていないようです。 jsで動的に追加された要素がFormタグの外側だとPOSTされないという記事もみましたので F12の管理者ツールでDOM　Explorerをみたところ、きちんとFormタグの中には入っていました。何日も詰まってしまっています。。。助けてください

	@@ -1,1 +1,1 @@
1	- [Spring Boot] jsで動的に追加したinput要素のPOSTができない
1	+ [Spring Boot+thymleaf] jsで動的に追加したinput要素のPOSTができない

質問編集履歴