填写另一个文本框时动态创建新文本框

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个事件上的空字段。可能有一些奇特的淡入/淡出效果。