Question

我需要将以HTML格式生成的数组发送到PHP脚本。我知道如何在阵列就绪时执行该过程，但我的问题是：必须动态地从文本框的内容生成数组。

用户在文本框中键入值，然后单击“追加”按钮，然后将值添加到数组中。然后，用户在同一文本框中键入另一个值，单击该按钮，并将值插入到数组中，依此类推。最后，它单击提交按钮，整个数组被发送到服务器以由PHP脚本处理。

这是我使用的代码：

<input type = "text" name = "color[]" id = "color" size = "50" placeholder 
= "Type a color here" /> <br>
<button type = "button" onclick = "append()">Add color </ button>
<input type = "submit" name = "submit" value = "Send" /> <br>

运行它时，服务器上只显示一个值，而不是颜色数组中的所有值。

如何继续创建和填充此数组？

Answer 1

你可以简单地创建一个空数组，然后开始在这个数组中推送输入值

var arr= [];
var inp = document.getElementById("color");
function append(){
  arr.push(inp.value);
}

而不是在提交事件上，您将此数组的值发送到您的php文件

我使用您的代码在Codepen上为您做了一个示例，这里是链接

https://codepen.io/anon/pen/gewabp

从一个文本框创建数组并发送到PHP

1 个答案: