2011-06-29 4 views
1

"add"ボタンを押すのではなく、入力フィールドを自動的に追加したい空白の入力フィールドにテキストを入力します(facebookで質問をして投票オプションを追加するのと同じです)。しかし、文字が削除された場合、フィールドに入力された文字がある場合は、フィールドを追加するだけで、余分なフィールドも削除する必要があります。レールで別の入力フィールドをクリックしたときにjsまたはjQueryからテキスト入力フィールドを追加する3

私はrails 3.1で作業していますので、jQueryとjquery-railsが私の宝石に含まれています。まだコーヒースクリプトはわかりません。

答えて

5

本当に簡単です。 focus()イベントハンドラをタップするだけで、テキストボックスを追加できます。

私はここにあなたのための簡単なデモを作成しました:http://jsfiddle.net/mcVnN/

警告:任意のテキストボックスをクリックすると、ここに新しいテキストボックスを追加します。最後のテキストボックスフォーカスだけに新しいテキストボックスを追加する場合は、IDを比較してください。

ご不明な点がありましたらお知らせください。

乾杯

- 申し訳ありませんが、私のミスをあなたの完全な質問を読んでいません。 私はjsfiddleにいくつかのクイックコードhttp://jsfiddle.net/mcVnN/12/を組み込みましたが、あなたのニーズに合わせて変更したいかもしれません。

+0

ありがとうございます!しかし、text.sizeが1より大きい場合はフィールドを追加するだけでなく、フィールドが再び空白の場合は1入力フィールドを削除するようにすることもできますか? – Thijs

+0

@Thijs:編集された部分を参照してください、ありがとう。 – iamserious

+0

ありがとうございました!それはほとんど良いです...しかし、私はこの例と一緒に得ることができると思う! 2番目と3番目にテキストを入力すると、2番目のものを削除しても4番目のものは残っています...しかし、すでに多くの方に感謝しています...今私はレールアプリ! – Thijs

0

私は今私の答えを見ていて、私はどこにもあなたを残していないことに気づいた。

私の答えを完全に書き直す時間がかかりました。上記の答えはバグが多いので、:lastセレクタを使って手動で最後のテキストボックスを手動で追跡しようとするよりも良いです。 http://jsfiddle.net/mcVnN/29/

私はまた、あなたは、ユーザーが追加できるようにしたいどのように多くのテキストボックスを設定するために簡単に変更することができ、最大テキストボックスの数を追加しました:

は、ここに私の書き換えを参照してください。

上記のコードをまったく使用している場合は、上記のコードをこのコードに置き換えてください。

ありがとうございました。

関連する問題