ボタンのクリック時に入力タイプを追加

Question

ボタンをクリックするとタイプを追加しようとしています。ここで

は私のjqueryのスクリプトです：

$(function(){ 
    $("#add").click(function(){ 
    $("#inputboxes").append("<tr class='light'><td colspan='3' class='header'>Subject Name</td><td colspan='3'><input type='text' name='subject_name' /></td></tr>"); 
    }) 
}); 

その後、私のHTMLマークアップ：

<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
<table cellpadding="0" cellspacing="0" style="text-align:center;"> 
<thead> 
    <tr> 
     <th colspan="7">Add subject on the list of available subjects</th> 
    </tr> 
</thead> 
    <tbody id="inputboxes"> 
     <tr class="dark"> 
      <td colspan="7"> 
       <input type="button" id="add" value="Click to add a subject" /> 
      </td> 
     </tr> 
    </tbody> 
<tbody> 
    <tr class="dark"> 
     <td colspan="7"><input type="submit" name="submit" value="Submit" /></td> 
    </tr> 
</tbody> 
</table> 
</form> 

#on page top 
if(isset($_GET['submit']) print_r($_GET); // the only entry of array is the [submit'] => "Submit" 

私は正常にボックスを生成することができ、しかし、ボックスにはない、私が提出ヒット時はいつでもいるようです渡されたようだ。また、生成されたボックスのname = ""にインクリメントを生成する方法もあります。

レコードの場合、私はこのための回避策を見つけ、フォームタグをテーブルの外に移動しました。みんな、ありがとう。

Answer 1

送信ボタンが機能するには、入力をフォームに入力する必要があります。必要に応じて名前に増分を追加できますが、必要はありません。同じ名前の入力を提出すると、配列として提出されます。

増分を追加：

$(function(){ 
    var i = 1; 
    $("#add").click(function(){ 
     $("#inputboxes").append("<tr class='light'><td colspan='3' class='header'>Subject Name</td><td colspan='3'><input type='text' name='subject_name" + (i++) + "' /></td></tr>"); 
    }) 
}); 

をフォームに追加：

<form action="url" method="POST"> 
    <table> 
     <tbody id="inputboxes"> 
      <tr class="dark"> 
       <td colspan="7"><input type="button" id="add" value="Click to add a subject" /></td> 
      </tr> 
     </tbody> 
     <tbody> 
      <tr class="dark"> 
       <td colspan="7"><input type="submit" name="submit" value="Submit" /></td> 
      </tr> 
     </tbody> 
    </table> 
</form>