誰かが簡単に簡単な方法を知っているか、フォームに動的にフィールドを追加する最良の方法はありますか?Jqueryを使用してRails3のフォームにフィールドを動的に追加/削除する
0
A
答えて
4
使用しているサーバー側の言語に関係なく、jQueryコンストラクタを使用して要素を作成し、それをフォームノードに追加することができます。例えば:
$('<input>', {
id: 'my_new_input_id',
}).appendTo($('#my_form_id'));
は新しいinput
コントロールを作成しますとid my_form_id
でフォームに追加します。あなたのコメントに関連する
編集
:動的に作成された要素を削除するには、良い方法は、変数内の参照を格納することです。あなたが呼び出すことができることをやって.remove()
または.detach()
以降:
var my_new_input_element = $('<input>', {
id: 'my_new_input_id',
}).appendTo($('#my_form_id'));
// ... lots of code
my_new_input_element.remove();
+0
感謝jAndy、それは追加のために働いた - 任意のアイデアフィールドを削除するには? – Elliot
関連する問題
- 1. Rails3:フォームにフィールドを追加/削除するチェックボックスを取得する方法
- 2. Jqueryを使用して動的に表の行を追加/削除する
- 3. ASP.NET - jQueryを使用して動的にボタンを追加/削除する
- 4. ASP.NETフォームでjQueryを使用して動的フィールドを追加する方法は?
- 5. JavaScriptとJSONFieldを使用してDjangoフォームに動的にフィールドを追加する
- 6. Joomla!コンポーネントフォームとフィールドのサブセットを動的に追加/削除するためのjQuery
- 7. jQueryは動的に追加して削除します
- 8. 動的にフォーム要素を追加/削除するmysqlサポート
- 9. フォームに動的フィールドを追加
- 10. jquery動的にコードのセクションを追加/削除する
- 11. JavaScriptを使用してフィールドを追加/削除する機能
- 12. 追加/削除、いくつかの入力フィールドを動的に
- 13. Jqueryクラスを動的に追加および削除する
- 14. 動的に表の行を追加して削除する
- 15. jquery - 隠しフィールドからリストボックスアイテムを追加して削除する
- 16. jQueryを使用してテーブル行を動的に追加する
- 17. jQueryを使用して動的にTDを追加する
- 18. jQueryを使用して動的にオプトグループを追加する
- 19. 動的に追加されたフィールドのjQueryフォームの検証
- 20. フォームにフィールドを追加する(jQuery)
- 21. JQUERYを使用してCSSファイルを追加/削除する
- 22. jquery/javascriptを使用してテーブル内の行を動的に追加/削除する
- 23. JQuery削除ボタンと共に動的行を追加
- 24. JQueryを使用してDIVで広告コードを動的に追加および削除する
- 25. jQueryを使用してASP .NETでテーブル行を動的に追加/削除する問題
- 26. 自動スクロールを使用してフォームに動的コントロールを追加する
- 27. Jqueryを使用してコンボボックスでオプションを動的に追加
- 28. ルータのアクタに経路を動的に追加/削除する
- 29. セロリ内のワーカープールにスレッドを動的に追加/削除する
- 30. iTextSharpを使用してC#でフォームに署名フィールドを追加
.detach()はこちらをご覧http://www.pradipchitrakar.com.np/blog/dynamically-add- remove-textfield.htmlおそらくそれはあなたが探しているものです – Knight007