Question

我们有三种形式，目前是他们自己的页面，但我认为下拉列表会更好。它们每个只有两个字段和一个提交按钮。我喜欢它，所以页面不会在他们点击提交后重新加载，他们只是继续使用网站。

一个样本表格：

<%= 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 %>

我想知道将代码放入页面的JavaScript代码。我希望有一个jquery插件或类似的 - 但我找不到任何搜索jquery.com。

感谢您的帮助！

Answer 1

我不会为你编写代码，但以下是步骤：

拦截表单的提交事件。 $('#someForm').submit(function(e){});
取消默认行为。 e.preventDefault();
使用AJAX通过JavaScript将数据发布到表单而不是重新加载。

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

1 个答案: