Javascript 以单个表单发送多个DIV容器内容

这个表单提交实际上工作得非常好，直到我尝试将其重新格式化为一个更加用户友好的版本。表单非常长，有32个字段，所以我想我可以直观地将它们分解成可折叠的div容器，这样用户就可以只扩展他们想要更新的部分。它本质上是一个DND网站的配置文件页面，因此字段调用SQL数据库中的数据并显示它，用户可以更新它们并提交他们想要做的任何更改。这些字段仍然显示正确的数据，但在完成这些更改后，单击提交按钮时不会发生任何变化

是否可以使用此方法将数据传输到MySQL数据库，或者是否有更好的方法创建一个可折叠的部分，以保持表单的正常工作

关于代码的唯一变化是添加了：

<input class="toggle-box1" id="identifier-1" type="checkbox" >
<label for="identifier-1"> ORIGINAL SECTION TITLE</label>
<div>FORUM FIELDS</div

原章节标题
论坛字段我注意到您在
中使用了
标记。根据HTML规范，这是不允许的，应该这样做。您的问题可能是由该问题引起的。
我注意到您在
中使用了
标记。根据HTML规范，这是不允许的，应该这样做。您的问题可能是由该问题引起的。
要收集所有
元素的数据并将其发送到服务器，您应该添加一个包含所有输入的元素

<form action="/yourbackendendpoint.php" method="POST">
  <label for="field-first-name">Your first name</label>
  <input type="text" id="field-first-name" name="first-name" />
  <button type="submit">Submit the form</button>
</form>

first name
键现在的值为
Mike
。发送时，您可以通过以下方式获得：

$_POST[ 'first-name' ] // 'Mike'

我希望这能为你澄清一些事情。如果您有任何问题，请在下面提问。
要收集所有
元素的数据并将其发送到服务器，您应该添加一个包含所有输入的元素

<form action="/yourbackendendpoint.php" method="POST">
  <label for="field-first-name">Your first name</label>
  <input type="text" id="field-first-name" name="first-name" />
  <button type="submit">Submit the form</button>
</form>

first name
键现在的值为
Mike
。发送时，您可以通过以下方式获得：

$_POST[ 'first-name' ] // 'Mike'

我希望这能为你澄清一些事情。如果您有任何问题，请随时在下面提问。
在与Emiel讨论此问题时，我注意到在编辑新手机版表单的过程中，我无意中删除了论坛顶部/开头所需的表单发布方法doh

谢谢大家的帮助
 在与Emiel讨论这个问题时，我注意到在编辑新手机版表单的过程中，我无意中删除了论坛顶部/开头所需的表单发布方法doh

谢谢大家的帮助
 单击“提交”按钮时不会发生任何事情，您是否可以创建一个文件，以便我们可以运行您的代码来帮助您完成。或者我们可以在另一个地方查看您的表格。您的表格提交在哪里？你真的使用表单元素，还是只使用输入？@EmielZuurbier很抱歉，我不知道如何从该页面链接生成堆栈片段，但这是网站页面链接：它将要求你登录-user:testing pass:Testpassword原始表单也将更新，如果我可以使用相同的可扩展字段，此表单的非移动版本正在工作，当单击提交按钮时，不会发生任何情况，您是否可以创建一个表单，以便我们可以运行您的代码来帮助您。或者我们可以在另一个地方查看您的表格。您的表格提交在哪里？你真的使用表单元素，还是只使用输入？@EmielZuurbier很抱歉，我不知道如何从该页面链接生成堆栈片段，但这是网站页面链接：它将要求你登录-user:testing pass:Testpassword原始表单也将更新，如果我可以使用相同的可扩展字段，此表单的非移动版本正在运行，如OP中所述，表单已按此方式设置，并使用h标签正常工作，这不是问题的原因。更新：删除每个H标记并将其更改为
不会以任何方式改变问题。单击“提交”按钮时，不会发生任何事情。它甚至不会重定向到成功或失败页面。只是什么也没发生。正如OP中提到的，表单已经以这种方式设置，并且可以正常使用h标记，这不是问题的原因。更新：删除每个H标记并将其更改为
不会以任何方式改变问题。单击“提交”按钮时，不会发生任何事情。它甚至不会重定向到成功或失败页面。只是什么都没发生。谢谢你的回复。所有这些都已内置到表单中。唯一更改的元素是添加标签。我已经用附加代码更新了OP。我确实向您提供了一些测试登录详细信息，以了解桌面表单（正常工作）和新移动表单的工作方式。您是否考虑过有客户端验证阻止使用JavaScript提交？所有这些都已经存在，然而，由于你的帖子，我注意到顶部的formpost方法在编辑过程中被意外删除了。返回那些原始代码行现在工作得很完美。但是，我在那里有一个我不再需要的字段，删除该字段会再次中断表单提交。我将不得不更深入地研究它。我不再需要spryfield1了。谢谢你的回复。所有这些都已内置到表单中。唯一更改的元素是添加标签。我已经用附加代码更新了OP。我确实向您提供了一些测试登录详细信息，以查看桌面表单（正常工作）和新的移动表单是如何工作的。您是否考虑过存在一些客户端
$_POST[ 'first-name' ] // 'Mike'