質問: ### 質問概要 ``のようなテキストボックスを、 ユーザが動的追加できるようにした場合の、**全てのボックスのテキストの取得方法**が知りたい ### 質問詳細 現在趣味で開発しているサービスで、ゲームの作者を入力する欄を作りたいのですが、 作者が複数人いる場合があり、``のようなテキストボックスの隣に`+ボタンを設置`し、 ユーザが自由に複数の作者を登録できるようにしたいと考えています。 この時、動的に作られたテキストボックスの値を取得したいのですが、 **【1】一般的にどのように動的作成しているのでしょうか?** 例:`id="hoge"`の統一(HTML文法的にアウトですよね...?) 例:`name="hoge`で統一...? **【2】その動的作成されたテキストボックスの値をどのように取得すればよいのでしょうか?** ### やってみたこと 動的追加ではありませんが... `` と、2つボックスを用意して、 `$("#hoge").val();`→1つ目の値しか取得できなかった --- `` と、name属性を同じに設定した2つボックスを用意して、 `$(':text[name="test"]').val()`→1つ目の値しか取得できなかった を試してみましたがどうもできませんでした... ご存じの方がいらっしゃいましたら、上記の【1】【2】のご教授をお願い致します。 よろしくお願いいたします。
回答: 他にもいくつかやり方はありますが、こういう感じでいけるのでは。 ``` ``` ``` var frm = document.form_main; frm.elements['aaa[]'][0].value = 'hello'; // ※ この例ではフォームの配列変数aaaのインデックス0に、文字列helloを格納。 ``` 【同じ名前のname属性を配列で持つ方法(フォームの配列) - JavaScript備忘録 - g:javascript】