Question

我想创建一个基本上有一堆文本输入框的javascript表单。但我希望盒子的数量是某个变量的值，我希望id或者盒子的名称是一个数组中的元素。

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

我当前的解决方案很糟糕，目前涉及50个文本输入框，名称为box01到box50，然后50行形式为[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属性是'array'（方括号表示“此输入的值是box数组的元素”）。

在服务器端，您可以循环遍历此数组。 In PHP：

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

foreach将遍历$_POST['box']（这是一个数组，因为我们使用了这些方括号），你可以对循环中的每个框值做任何你喜欢的事。