PHP - 单击按钮时使用 for 循环将 Form Div 递增 1

Question

每次单击按钮时，我都需要添加一个新表单来存储图形信息。

每次单击按钮时，Div 都会加 1，以便新信息可以使用唯一的 id 存储在数据库中。

.jumbotron{
width:1000px;
height:100px;
background-color:lightblue;
}

<form action = "" method = "post">
<input type = "submit" name = "submit" value = "Add a new form">
</form>

<div class = "jumbotron">
First Name: <input type="text" name="firstname"><br>
Last Name: <input type="text" name="lastname"><br>
</div>

引用这里:https://jsfiddle.net/rk6eyym6/

Answer 1

您想在单击“添加新表单”按钮时添加更多表单吗？我们可以使用 Javascript 来实现这一点。但我将教您如何使用名为 jQuery 的 Javascript 库来完成此操作。 .

首先，下载库here .

然后，我们可以继续创建脚本。

<script src="jquery-1.9.1.min.js"></script> <!-- CHANGE THE NECESSARY FILE DEPENDING ON THE VERSION YOU HAVE DOWNLOADED -->
<script>

  $(document).ready(function(){ /* PREPARE THE SCRIPT */       
    $("#add").click(function(e){ /* WHEN ADD BUTTON IS CLICKED */
      e.preventDefault(); 
      $(".jumbotron").append('First Name: <input type="text" name="firstname[]"><br>Last Name: <input type="text" name="lastname[]"><br>'); /* APPEND TWO MORE FIELDS */
    });

  });
</script>

您可以查看这个jsfiddle举个例子。

请注意，您必须在输入字段的 name 标记上添加 [] ，以便它们在传递时被解释为数组。不这样做只会导致读取第一组数据。