通过表单.submit提交多个选项卡内容

Question

我有一个API，它可以从一个页面形式接收所有数据，从而允许用户发送消息。 当用户单击“提交”时，将调用API，这将触发表单提交。

我目前正在添加多个标签功能，因此用户可以在标签内创建和发送多条消息。

有没有一种方法可以提交每个单独的标签内容并在每个标签之间循环，而只需单击“提交”一次？

这是用户可以创建的选项卡式内容的示例： http : //www.bootply.com/61679

任何帮助将不胜感激！

Answer 1

当然可以。 重要的是将表单标签放置在何处。 在您的情况下，由于要将所有选项卡一起提交，因此可以将<form>标记放置为使其覆盖.tab-content内的所有字段。

<form id="api-form" method="post" action="">
 <div class="tab-content">
   <!-- ... -->
 </div>
 <!-- Submit button -->
 <input type="submit" class="btn btn-success" value="Submit"> 
</form>

另外，字段的名称应带有[]后缀。

<input type="text" name="message[]">

这样，您可以保存多个具有相同名称的值。 不知道如何在ruby-on-rails上调用它，但是您需要遍历它们。

Answer 2

使用ajax 。

步骤1）为提交按钮定义一个javascript函数。

步骤2）从该功能的每个选项卡中获取消息内容，然后使用ajax将其发送到您的服务器。

步骤3）只需在form标签的OnSubmit属性上调用已定义的函数，也可以使用button标签的OnClick属性。

通过这种方法，您甚至可以使用单个按钮将这些消息同时发送到多个URL。

这是使用ajax的演示。

在演示中，仅发送1个GET请求。

类似地，可以使用单个功能发送多个GET或POST请求。