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

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之后附加一个新输入。blurchange

我的选择是创建一个字段focus（以便用户可以通过按 Tab 切换到它），并可选择删除blur事件上的空字段。可能带有一些花哨的淡入/淡出效果。