問題タブ [dynamicform]

動的フォームの Web ページがあります。これにより、ユーザーはデバイスに任意の数の属性を指定できます。これらの属性は、選択オプション リストにすることができます。ユーザーがこれを選択すると、オプションを追加するためのボタンが表示されます。

私の問題は、各属性にいくつのオプションがあるかを知る必要があることです。私はそれが機能するかどうかを確認するためにvar counter=$('.class-name').next().val();それらを試してみましalert(counter);た。しかし、私が得るのは未定義のアラートだけなので、var カウンターは初期化されていません。

各選択リストのオプションの数を把握して、選択リストをグループ化し、特定の属性に対応するオプションを把握する必要があります。JS や PHP でこれを行う方法が思い浮かびません。php に投稿されたオプションを取得できますが、各属性にどのオプションを使用するかを特定できません。

ここにフィドルがあります！

Grailsを使用して以下のようなことをしたい:

jquery/js を使用して単純なテキスト フィールドを実現できます。ただし、ドロップダウン リストの動的フォーム フィールドを追加し、Grails gsp タグを使用する必要があります。しかし、私は次のようなものを置くことはできません:

JavaScript で行を追加します。javascript用のGSPエンジンがないからです。

また、行を削除するために、プロジェクトに id がないため、動的フォーム フィールドを使用して行を削除する方法がよくわかりません。

次のような 2 つのsimple_form フィールドがあります。

ユーザーが最初のフィールドで「はい」を選択した場合にのみ、2 番目のフィールドを表示したい。私のJquery：

ページの先頭に js ファイルが含まれていることがわかります。

生成された HTML:

しかし、動的フィールドは機能していません。ここで何が問題なのですか？

または、これを達成するためのより良い方法を提案してください。

多くのフォームを動的に生成するものを作成し、jquery を使用して送信を処理することを考えました。

だから私はこのようなものを使ってphpを使ってフォームを生成します。

さて、上記は単なるスケルトンです。主な問題は、送信中に各フォームを一意に識別して送信し、specific_url ページで問題なくデータを抽出できるように、フォーム要素に名前を付ける/id を付ける方法です。

頭のてっぺんに思いつくこの機能の直接的な例えは、各投稿にコメント ボックスがある Facebook の投稿です。

アップデート

私は質問にあまり明確ではなかったと思います。申し訳ありません。言い換えさせてください。

だから今まで、私はこれらの動的に生成されたフォームを持っています。ここで、ユーザーがテキストボックスの 1 つに書き込み、送信ボタンをクリックしたとします。

これらの時点で、jquery がそれを制御する必要があります。その特定のフォーム データを URL に送信します。結果を取得し、何かを実行します。

結局、私はこのようなことができるはずです

ここでの「some_selector」は、特定のフォームが送信されたときにアクティブになり、そのフォームのデータを送信するセレクターです。

Post多くのコメントを持つモデルがあるとしましょう。すべての投稿が表示されているPosts#indexページで、ユーザーが特定の投稿にコメントを追加できるようにしたいと考えています (あまり意味がないことはわかっていますが、一般的な考え方です)。

「強引な」方法は、各post要素にフォームを添付することですが、これは悪臭を放ちます。今は考えられないより良いオプションがあると確信しているので、助けていただければ幸いです。

ありがとう、ロイ

(PS - 良い例は、ユーザーがタイムラインの各投稿にコメントできる FB ページです。それぞれの投稿にフォームを用意することではないと思います...)