创建动态文本框，然后写入文本文件

Question

因此，必须有一种更简单的方法来创建它。 我有一个带有以下HTML的表单：

      <p>Names</p>
        <ul class="container1"  style="list-style-type:none;">
            <li><input type="text" size="10"  name="Name" /></li>
        </ul>
       <input type="button" class="add_form_field" value="+"> 

然后，如果用户需要添加更多名称，则添加了一些JS来创建新的文本框：取自： http : //www.sanwebcorner.com/2017/02/dynamically-generate-form-fields-using.html

   $(document).ready(function() {
var max_fields      = 10;
var wrapper         = $(".container1");
var add_button      = $(".add_form_field");

var x = 1;
$(add_button).click(function(e){
    e.preventDefault();
    if(x < max_fields){
        x++;
        $(wrapper).append('<div><input type="text" name="Name"/><a href="#" class="delete">Delete</a></div>'); //add input box
    }
    else
     {
         alert('You Reached the limits')
          }
});

$(wrapper).on("click",".delete", function(e){
    e.preventDefault(); $(this).parent('div').remove(); x--;
})
}); 

 $(document).ready(function() { var max_fields = 10; var wrapper = $(".container1"); var add_button = $(".add_form_field"); var x = 1; $(add_button).click(function(e){ e.preventDefault(); if(x < max_fields){ x++; $(wrapper).append('<div><input type="text" name="Name"/><a href="#" class="delete">Delete</a></div>'); //add input box } else { alert('You Reached the limits') } }); $(wrapper).on("click",".delete", function(e){ e.preventDefault(); $(this).parent('div').remove(); x--; }) }); function check() { var temp = document.getElementsByClassName("formElem"); if (document.getElementById("ckbox").checked) { for (var e = 0; e < temp.length; e++) { // For each element var elt = temp[e]; elt.required = false; } } else { for (var e = 0; e < temp.length; e++) { // For each element var elt = temp[e]; elt.required = true; } } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <p>Names</p> <ul class="container1" style="list-style-type:none;"> <li><input type="text" size="10" name="Name" /></li> </ul> <input type="button" class="add_form_field" value="+"> 

然后，我需要使用PHP将这些附加值写入.CSV文件，这是我遇到的问题：

  <?php
        // Receive form Post data and Saving it in variables
           header('Location: thanks.html'); 
          $Name = "";

          $Name = @$_POST ['Name'];

        // Write the name of text file where data will be store
          $filename = "file.csv";

        // Merge all the variables with text in a single variable. 
            $f_data= '
            Names for people: '.$Name.'                  ';

             $file = fopen($filename, "r+");
             fwrite($file,$f_data);
             fclose($file);
?>

发生的情况是最后一个附加的文本框被写入到csv文件中，是否可以通过这些创建的文本框以使它们可以写入文件？ 真正相似的问题：将动态文本输入传递给PHP以写入文本文件

但是我不确定是否可以使用文本框完成此操作。

Answer 1

问题是，您添加的每个输入都具有名称“ name”，因此PHP只能访问最后一个（覆盖了其他输入）。 为了解决这个问题，您可以在输入名称中添加索引或对它们进行排列。 可以这样实现：

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

因此，现在，在PHP脚本上，您可以遍历该数组以获取所有输入，或将所有元素嵌入变量中：

<?php
$names = implode(", ", $_POST["name"]); // all the names, comma-separated 
?>

现在，您可以在$ f_data中使用$ names来查看所有输入的字段。

（感谢Fred-ii有关报价的提示）