ruby-on-rails-3 - Rails尝试在下拉菜单更改时提交表单

Question

我使用提交按钮，使用内置的Rails javascript运行Ajax。但是，我希望在更改下拉框的值并取消按钮后提交。在我的研究中，我发现了看起来正确的解决方案，但没有收到服务器请求。这是我的下拉表单代码，请注意，在我添加：onchange之前，它仍然具有提交按钮，

<% form_tag('switch_car', :method => :put, :remote => true) do %>
  <div class="field">
    <label>Car Name:</label>
    <%= select_tag(:id, options_from_collection_for_select(active_cars, "id", "name"), 
       :onchange => ("$('switch_car').submit()"))%><%= submit_tag "Switch Car" %>
  </div>    
<% end %>

这是生成的HTML：

<form accept-charset="UTF-8" action="switch_car" data-remote="true" method="post">
  <div style="margin:0;padding:0;display:inline">
    <input name="utf8" type="hidden" value="&#x2713;" />
    <input name="_method" type="hidden" value="put" />
    <input name="authenticity_token" type="hidden" value="PEbdqAoiik37lcoP4+v+dakpYxdpMkSm7Ub8eZpdF9I=" />
  </div>
  <div class="field"> 
    <label>Car Name:</label> 
    <select id="id" name="id" onchange="$('switch_car').submit()">
      <option value="9">Truck</option>
      <option value="10">Car</option>
    </select>
    <input name="commit" type="submit" value="Switch Car" /> 
</div> 

在此先感谢您的帮助。

Answer 1

以此替换您的onchange，

onchange: "this.form.submit();"