Динамически создать новое текстовое поле, когда другой заполняются

Question

Для иллюстрации: http://sas98.user.srcf.net/guestlist/

Я хочу новое поле ввода будет создано, когда пользователь вводит что-то в поле списка гостя в нижней части.

Возможно ли это сделать в отличие от необходимости нажимать кнопку с помощью кнопки OnClick?

Answer 1

вы можете добавить событие размытия, которое срабатывает, когда первое поле ввода теряет фокус. Там может быть дополнительная проверка, чтобы убедиться, что кто-то положил какой-нибудь текст в первое поле ввода, если имеется значение добавить новое поле ввода

$('#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. Возможно, с некоторыми эффектами fadeIn/Out.