javascript - JS/jQuery 数量不断增加

Question

根据example ，我希望每次添加新输入时都将数字放入字段(1,2,3)中，每个数字都从新输入中增加到名称[+此处增加的数字+][]输入。

现在我的代码中有这个:
<强> Example:

if put to "field 1" number 2 we get tow new input that name it is name[0][], name[1][].
in "field 2" put number 3 we get name[0][], name[1][], name[2][]
in "field 3" put number 2 we get name[0][], name[1][]

我想要这个:

if put to "field 1" number 2 we get tow new input that name it is name[0][], name[1][]
in "field 2" put number 3 we get name[2][], name[3][], name[4][]
in "field 3" put number 2 we get name[5][], name[6][] and etc.

代码:

$('input').live("keyup", function () {    
    var id = '#'+$(this).closest('b').attr('id');
    $(id+' .lee').empty();    
    var $val = $(this).val();
    for (var i = 0; i < $val; i++) {
        $(id+' .lee').append('<input type="text" name="hi['+i+'][]">');        
    }
});

Answer 1

由于您希望在更改时更新所有输入，因此您可以在附加元素后循环遍历所有输入。只需向它们添加一个类名，这样您就知道要计算哪些。

示例:

$('input').live("keyup", function () {    
    var id = '#'+$(this).closest('b').attr('id'),
    val = $(this).val();

    $(id+' .lee').empty();  

    for (var i = 0; i < val; i++) {
        $(id+' .lee').append('<input type="text" class="input_generated">');  
    }

    $('input.input_generated').each(function(i) {
      $(this).attr('name', 'hi[' + i + '][]');
    });
});

fiddle :http://jsfiddle.net/rHUqS/1/