在按钮点击时添加输入类型

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" 

我可以成功地生成一个盒子，但它似乎每当我点击提交，箱子不似乎通过了。另外我怎样才能在生成的框的名称=“”中生成一个增量。

为了记录，我找到了解决方法，将表格标签移到了表格之外。感谢大家。

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>