javascript - 別のテキストボックスが入力されたときに新しいテキストボックスを動的に作成する

Question

説明するには: http://sas98.user.srcf.net/guestlist/

ユーザーが下部のゲストリストフィールドに何かを入力すると、新しい入力フィールドが作成されます。

onClickでボタンを押すのではなく、これを行うことは可能ですか?

Answer 1

最初の入力ボックスがフォーカスを失ったときに発生するblurイベントを追加できます。これは、誰かが最初の入力フィールドにテキストを入力したことを確認するための追加のチェックになる可能性があります。値がある場合は、新しい入力フィールドを追加します。

$('#guest_list_input').blur(function() {
    if($(this).val().length>0) {
         $('#myPlaceWhereIWantToAddANewInputField').append('<input value='test' name='test' />');
    }
});

Answer 2

focus、blurまたはchangeイベントの後に新しい入力を追加することをお勧めします。

私の選択は、フィールドを作成しfocus（ユーザーがTabキーを押してフィールドに切り替えることができるようにするため）、オプションでblurイベントの空のフィールドを削除することです。おそらくいくつかの派手なフェードイン/アウト効果があります。