如何在单个HTML表单中提交多个值?

Jas*_*ase 5 html forms

所以我有一个HTML表单:

<html>
  <body>
  <script>history.pushState('', '', '/')</script>
    <form action="http://myserver.com" method="POST">
      <input type="hidden" name="Id" value="83" />
      <input type="hidden" name="url" value="http://example.com/" />
      <input type="submit" value="Submit request" />
    </form>
    <script>
      document.forms[0].submit();
    </script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

如您所见,这是针对<input type="hidden" name="Id" value="83" />表示与ID号83相关联的属性提交的动作,我希望针对多个ID值(即1-100)提交动作。这可能吗?如果可以,该怎么办?

小智 6

我想你想做这样的事情

<html>
  <body>
  <script>history.pushState('', '', '/')</script>
    <form action="http://myserver.com" method="POST">
      <input type="hidden" name="Id[]" value="83" />
      <input type="hidden" name="Id[]" value="85" />
      <!-- you can add as many as input here for id if you want -->
      <input type="hidden" name="url" value="http://example.com/" />
      <input type="submit" value="Submit request" />
    </form>
    <script>
      document.forms[0].submit();
    </script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

发布此表单后,在服务器端可以获取$ _POST ['id']作为数组并对其进行处理。

  • 这是假定在服务器端使用PHP。阵列符号可能无法在其他服务器端语言中运行。 (2认同)