質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

665閲覧

jquery 動的にフォームを追加する場合に意図した動作にならないのはなぜでしょうか?

creative_09

総合スコア80

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2020/10/24 02:38

編集2020/10/24 03:01

jqueryで動的にフォームを追加し、
フォームのname=""にtest[?][]のように?部分に追加した個数の数字を入れるのが目的です。
結果として望んでいるのが
追加するごとに
test[0][]
test[1][]
test[2][]
・・・・
というように表示されることです。

ですが、現在は
test[0][]
test[4][]
test[8][]
・・・・
というように、カウントが1づつ進むのではなく、4つづつ?進んでいます
inputTestCount = $('.test').length;
でtestの要素数を数えているのですが、追加ごとにひとつしか増えないはずがどうして4つづつふえていくのでしょうか?
またほかに追加フォームで配列に数値を与えるような方法があれば教えて下さい。
よろしくお願い致します

<div class="container mt-5"> <table class="table"> <tbody> </tbody> </table> <button class="btn btn-primary" id="addBtn">追加</button> </div> <script> $(function() { $('#addBtn').on('click', function() { var inputTestCount = $('.test').length; const HTMLFORM = ` <tr> <td>testname[${inputTestCount}][]<input type="text" class="form-control test" id="username" name="text" placeholder="comment here"></td> </tr> ` $('tbody').append(HTMLFORM); }); }); </script>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/10/24 02:40 編集

PHPがどう関係あるのか不明なところはありますが、ひとまず、HTMLもご提示ください。
creative_09

2020/10/24 02:43

ちょうど、忘れていたことに気づき、編集中でした。 ありがとうございます。編集しましたのでよろしくお願い致します
phper.k

2020/10/24 02:48

なぜ、tboby の直下に div を入れようとしているのです? html の文法としておかしくない?
creative_09

2020/10/24 03:03 編集

書き換えました よろしくお願い致します
退会済みユーザー

退会済みユーザー

2020/10/24 03:05

> inputTestCount = $('.test').length; でtestの要素数を数えているのですが .test とは何ですか? test[0][] と testname[${inputTestCount}][] も矛盾してるようですが?
creative_09

2020/10/24 03:09

あれ?わざわざありがとうございます。ほんとうですね・・・再現出来ていますね。。。 再現出来ているのがわかったのでなにかほかの問題を探ってみます。 ありがとうございました。
Daregada

2020/10/24 03:16 編集

実際のHTMLファイルにはtbody(append対象の要素)がもっとたくさん有ったりしませんか?
guest

回答1

0

自己解決

質問のまま再現出来ていたようなので、別の問題箇所を探ってみます

投稿2020/10/24 03:11

creative_09

総合スコア80

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問