javascript - PHP 表单 通过一个表单字段提交多个值并附加到数组

Question

我有一个 PHP 表单，可以将数据发布到带有单个字段的 URL，问题是我只能提交一个值。我有一个条形码扫描仪，我希望能够扫描多个序列号条形码并提交表单。我可能需要 JavaScript，但我不确定。见下文

<?php
   echo("Serial Number: " . $_POST['serial'] . "<br />\n");
?>

<form action="myform5.php" method="post">
   <p>First name: <input type="text" name="serial" /></p>
   <input type="submit" name="submit" value="Submit" />
</form>

换句话说，我想要一个表单字段，可以在其中输入多个序列号并能够将数据发布到 URL。由于我使用的条形码扫描仪在每次扫描后也会提交回车键，因此我希望能够在不触摸键盘的情况下添加多个序列号，并且完成后应该能够单击“提交”并发布数据。

SQL 查询将是这样的；

select * from hdds where serial IN ('5MQ3DJAA', '5MQ3DJAB', '5MQ3DJAC', '5MQ3DJAB', '5MQ3DJAR');

我不想使用文本区域字段，我不知道如何拥有单个输入类型文本字段并在其旁边有一个添加按钮，当扫描或输入序列号时，该号码将添加到下面的列表中，该数字显示在字段下方，完成后按发布数据的提交按钮，序列号会不断添加。

这就是我想要做的，请参见下面的示例。

我希望有一个小的工作示例？

Answer 1

如果您需要输入多个序列号，请将序列号添加为数组值。试试这个:

<?php
    if(isset($_POST['submit'])){
        echo "Serial Numbers";
        echo "<br/>";
        $serial = $_POST['submit'];
        print_r($serial);
    }
?>

<form action="myform5.php" method="post">
   <p>serial number: <input type="text" name="serial[]" /></p>
   <p>serial number: <input type="text" name="serial[]" /></p>
   <p>serial number: <input type="text" name="serial[]" /></p>

   <input type="submit" name="submit" value="Submit" />
</form>