通过表单提交多个标签内容.submit

时间:2014-06-03 04:25:05

标签: javascript jquery html ruby-on-rails twitter-bootstrap

我有一个API,它接收来自单页表单的所有数据,允许用户发送消息。当用户点击“提交”时会调用API,这会触发表单提交。

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

是否有办法提交每个标签内容并循环浏览每个标签,只需点击“提交”即可。一次?

以下是用户可能创建的标签式内容示例:http://www.bootply.com/61679

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

当然可以。重要的是放置表单标签的位置。在您的情况下,由于您要将所有标签一起提交,因此您可以放置​​<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上调用它,但是你需要循环遍历它们。

答案 1 :(得分:0)

使用ajax

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

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

步骤3)只需在OnSubmit属性上调用已定义的函数即可     表单标签或您也可以使用按钮标签的OnClick属性。

通过这种方法,您甚至可以使用一个按钮同时将这些消息发送到多个网址。

Here是使用ajax的演示。

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

类似地,可以使用单个函数发送多个GET或POST请求。