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

variable-length array of inputs in a variable-length javascript form

本文关键字：一个 javascript 形式 输入 数组      更新时间：2023-09-26

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

实际上，下列问题的任何解决方案都很好。我有一个变量x，如果x=10，那么表单将是十个文本输入框，并且在一天结束时(当用户单击按钮说"我现在已经完成了这些框的填充")，我可以创建一个长度为10的数组，其条目是十个文本输入框的内容。但是如果x = 3，那么就会有三个文本输入框我最终会得到一个长度为3的数组，等等

我目前的工作，这是可怕的，目前涉及50个文本输入框，名称box01到box50，然后50行形式的a[1]=box01 a[2]=box02等等，用户可以留下所有他不感兴趣的空白。但我认为，更精简的东西是可能的!

创建文本框:

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

然后你有一个字符串str，你可以插入到DOM。因为name属性是一个"数组"(方括号表示"这个输入的值是方框数组的一个元素")。

在服务器端，您可以循环遍历该数组。在PHP中:
foreach ($_POST['box'] as $box) {
  // do something with the input value
}

foreach将循环通过$_POST['box'](这是一个数组，因为我们使用了方括号)，并且您可以对循环中的每个框值做任何您喜欢的事情。

相关文章：