動的にHTML配列要素を追加する方法[]

Question

私は、ユーザーが望む数のテキストフィールドを動的に追加する必要があるフォームを用意しています。たとえば、テキストフィールドを配列にしたいとします。

<input type="text" name="room_text[]"> 

私はすでにうまくいくと思ったものを作りました。それはより多くのテキストボックスを追加します。私は、PHPファイルにそれを掲示するとき、それは最初の値のみを取得し、

<input type="text" name="room_text[]"> 
     <input type="text" name="room_text[]"> 
     <input type="text" name="room_text[]"> 

しかし：私はこのような形の外観を作り、動的にJavaScriptを使用してさらに2つのテキストボックスを追加しました。私はこれがjavascriptの問題であることを知っている理由は、ページの読み込みに複数のテキストボックスがあるとうまく動作するからです。 JavaScriptのテキストボックスを追加するだけです。

このことができた場合は、これは私が箱を追加するために使用しjqueryの関数である：

$('.add').live("click", function() { 
    var mu = $(this).parent('td').parent('tr'); 
    var clone = $(this).parent('td').parent('tr').clone(); 
    $(clone).children('td').children('.add').remove(); 
    $(clone).children('td').children('.redtext').remove(); 
    $(clone).children('td').children('.remove').css("display", "inline"); 
    $(clone).css("display", "none"); 
    $(mu).after(clone); 
    $(clone).show("fast"); 
}); 

Answer 1

は、私はこの問題は.clone()機能に存在すると信じています。おっと - あなたは...と言う、を更新し

$('.add').live("click", function() { 
    var mu = $(this).parent('td').parent('tr'); 
    var clone = '<tr>' + $(this).parent('td').parent('tr').html() + '</tr>'; 
    $(clone).children('td').children('.add').remove(); 
    $(clone).children('td').children('.redtext').remove(); 
    $(clone).children('td').children('.remove').css("display", "inline"); 
    $(clone).css("display", "none"); 
    $(mu).after(clone); 
    $(clone).show("fast"); 
}); 

を別の方法を試すことができます。このバージョンでは、「クローン」は、文字列、ない要素であり、その.children()機能が働いていない...ここに修正バージョンです：

$('.add').live("click", function() { 
    var mu = $(this).parent('td').parent('tr'); 
    var clone = $('<tr>' + $(mu).html() + '</tr>'); 
    $(clone).children('td').children('.add').remove(); 
    $(clone).children('td').children('.redtext').remove(); 
    $(clone).children('td').children('.remove').css("display", "inline"); 
    $(clone).hide(); 
    $(mu).after(clone); 
    $(clone).show("fast"); 
});​