Php 如何在每次单击按钮时在seprate行中添加文本框？

我是php新手，每次单击名为AddRoom的按钮时，我都会添加包含两个文本框的room行。 请告诉我如何进行。对于每个添加的房间行，都应该有一个提交按钮

例-：

---

您必须创建html表单才能获取信息。


您应该在form action中添加文件名以引用.php文件。

<form action = "rooms.php">

您应该决定形成方法（POST或GET）

---

最后，创建.php文件并$\u GET或$\u POST表单输入名称，这样您就可以了解哪个变量包含哪些文件室。

您可能应该使用jQuery来实现这一点。 比如：

<script>
$(function(){
  $("button#addRoom").click(function(){
    $("div#rooms").append("<div class='room'>Demo</div><textarea class='roomText'></textarea>");
  })
})
</script>

$（函数（）{
$（“按钮添加房间”）。单击（函数（）{
$（“会议室”）。附加（“演示”）；
})
})

然后您的html如下所示：

<div id="rooms">
  <div class='room'></div>
  <textarea class='roomText'></textarea>
</div>
<button id="addRoom">Add a new room</button>
<button type="submit">Submit</button>

添加一个新房间
提交

---

我还没有测试过这个，所以您可能应该做一些更改以使其正常工作。别忘了在这个问题上导入jQuery。

以下是我大部分时间都在使用的代码：

<script>
$(document).ready(function(){
$('.multi-field-wrapper').each(function() {
    var $wrapper = $('.multi-fields', this);
    $(".add-field", $(this)).click(function(e) {
        $('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
    });
    $('.multi-field .remove-field', $wrapper).click(function() {
        if ($('.multi-field', $wrapper).length > 1)
            $(this).parent('.multi-field').remove();
    });
});
});
</script>

$（文档）.ready（函数（）{
$（'.multi-field wrapper'）。每个（函数（）{
var$wrapper=$（'.multi-fields'，this）；
$（“.addfield”，$（this））。单击（函数（e）{
$（'.multi-field:first-child'，$wrapper.clone（true）.appendTo（$wrapper.find（'input'）.val（''）.focus（）；
});
$（'.multi-field.remove-field'，$wrapper）。单击（函数（）{
如果（$（'.multi-field'，$wrapper）.length>1）
$（this.parent（'.multi-field'）.remove（）；
});
});
});

HTML

使用jquery或javascript执行此任务。学习JS。请详细阅读您的视图。我无法在同一页面上的按钮上添加表单，也害怕存储它们的变量。请让我清楚。。我无法开始..给你，我在jquery的帮助下实现了thankscan当鼠标向上时我提取texbox值是的，你可以，为此，你必须多学一点javascript/jquery，这将对你有所帮助。：）
<script>
$(document).ready(function(){
$('.multi-field-wrapper').each(function() {
    var $wrapper = $('.multi-fields', this);
    $(".add-field", $(this)).click(function(e) {
        $('.multi-field:first-child', $wrapper).clone(true).appendTo($wrapper).find('input').val('').focus();
    });
    $('.multi-field .remove-field', $wrapper).click(function() {
        if ($('.multi-field', $wrapper).length > 1)
            $(this).parent('.multi-field').remove();
    });
});
});
</script>

<div class="multi-field-wrapper">
         <div class="multi-fields">

          <div class="multi-field">
                <input name="file[]"  id="text" class="emcee_field1" style="float:none; margin-left:15px;" value="<?php echo $video[$rj]; ?>" type="text" required/>
                <input type="text" name="video_de[]"  class="emcee_field1" value="<?php echo $video_description[$rj]; ?>" style="float:none; min-width:200px; min-height:20px;" required>
                <img src="../images/cross_icon.png" class="remove-field"/>
          </div>

         </div>
         <button type="button" class="add-field">Add Video</button>
        </div>