javascript - 如何使用 jQuery(或 vanilla JS)在选项卡上创建新输入

Question

像很多事情一样，我的问题最好用一张图片来解释: http://gyazo.com/f7df971c91a5ab4a4969d12f4c5f32b6.png?1329575807

当用户位于每列的最后一个字段时，我希望在他们按下 Tab 时在当前输入下方弹出一个新输入(类似于 Quizlet 所做的)。

我对 jQuery 的经验不多，有人可以帮我解决问题，或者为我指明正确的方向吗？

编辑:所以这就是我目前拥有的:

$(document).ready(function(){
$('section#attendance input:last').keydown(function(e) {
    if (e.which == 9)
    {
        var $this = $(this);
        var num = parseInt($this.attr('name').match(/\d+(,\d+)?/)[0]) + 1;
        $this.parent().append('<input type="text" name="attendance[' + num +']" value="Name and Position" class="medium" />');
    }
});

});

出于某种原因，在创建第一个新输入后，它不会将新输入用于选项卡触发器，而是使用之前使用的输入。知道为什么吗？

Answer 1

$('input[type="text"]:last').live('keyup',
    function(e) {
        if (e.which == 9) {
            $(this).parent().append($('<input/>', {
                value: '',
                type: 'text',
                            name: 'YOUR_CHOICE',
                            class: 'YOUR_CHOICE'
            }));
        }
    });