表单的JavaScript（jquery）下拉列表，这不会'；不需要重新加载页面（Rails应用程序）

我们有三个表单，它们目前都是自己的页面，但我认为作为下拉列表会更好。它们各自只有两个字段和一个提交按钮。我想让他们点击提交后页面不会重新加载，他们只是继续使用网站

一份样本表格：

<%= form_for(@app) do |f| %>
  <% if @app.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@app.errors.count, "error") %> prohibited this app from being saved:</h2>
      <ul>
      <% @app.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>
  <div>
    <%= f.text_field :url, :class => 'span4', :placeholder => "Paste the URL"  %>
  </div>
  <div>
    <%= f.text_field :description, :class => 'span4', :rows =>1, :placeholder 
      => "Give it a title" %>
  </div>
  <div style="text-align:left">
      <%= f.submit "Submit" %>
  </div>
<% end %>

禁止保存此应用程序：



'span4'，：占位符=>“粘贴URL”%>
“span4'，：行=>1，：占位符
=>“给它一个标题”%>

我想知道将代码放在页面上的JavaScript代码。我希望有一个jquery插件或者类似的插件，但是我在jquery.com上找不到任何东西

---

谢谢你的帮助

我不打算为您编写代码，但以下是步骤：

拦截表单的提交事件<代码>$（'#someForm'）。提交（函数（e）{}）

取消默认行为<代码>e.preventDefault（）

使用AJAX通过JavaScript将数据发布到表单中，而不是重新加载

---

我认为您需要将您的阅读/搜索指向ajax，它允许您发布表单并从发布表单中获取结果，而无需刷新页面。谢谢。我不知道这里的提交事件或默认行为是什么。我的意思是从概念上我理解，但我无法确定代码中的位置。f、 提交=提交事件？我该如何拦截它？@wilfra-添加了一些小示例来说明我所说的概念。@wilfra记住JavaScript是客户端（在浏览器中）的，Ruby on Rails代码是服务器端（在服务器上）的，这可能会有所帮助。您的服务器端代码被解析为生成实际的HTML，该HTML被传递回浏览器，并被解释为您的实际页面。我猜

被转换为提交按钮的HTML，类似于

。点击这里，您就可以提交

活动了。感谢贾斯汀和安东尼的帮助：）