可变长度javascript形式的输入的可变长度数组

Question

我想创建一个JavaScript表单，该表单基本上具有一堆文本输入框。 但是我希望盒子的数量是某个变量的值，并且我希望ID或盒子的名称成为一个数组中的元素。

实际上，对以下问题的任何解决方案都是不错的选择。 我有一些变量x，如果x = 10，则表单将是十个文本输入框，并且在一天结束时（当用户单击按钮时说“我现在已经完成填写这些框”）我可以创建一个长度为10的数组，其条目是十个文本输入框的内容。 但是，如果x为3，那么将有三个文本输入框，而我最终得到长度为3的数组，依此类推。

我当前的解决方法很糟糕，目前涉及50个文本输入框，名称为box01至box50，然后有50行，形式为a [1] = box01 a [2] = box02等，用户可以将所有他不感兴趣的内容留空。 但我可以想象，可以进行更简化的操作！

Answer 1

要创建文本框：

var x = 10,
    str = '';
while (x) {
  str = str + '<input type="text" name="box[]" id="box' + x + '">';
  x = x - 1;
}

然后，您将拥有一个字符串str ，您可以将其插入到DOM中。 因为name属性是一个“数组”（方括号表示“此输入的值是box数组的元素”）。

在服务器端，然后可以遍历此数组。 在PHP中 ：

foreach ($_POST['box'] as $box) {
  // do something with the input value
}

foreach将遍历$_POST['box'] （这是一个数组，因为我们使用了方括号），并且您可以对循环中的每个box值执行任何操作。