如何在不提交整個表單的情況下在Rails中遠程提交表單的關聯部分？

Question

我有一個簡單的Rails窗體，允許編輯其關聯的父窗體。我希望允許用戶使用：remote => true提交表單的這一部分，以便用戶可以添加一個新的父級，然後在表單中其他位置的更新選擇菜單中選擇父級。正如你在代碼中看到的，我向表單的父母部分添加了一個提交按鈕，它甚至知道是否要說「創建」或「更新」，但是當我提交時，整個頁面都會刷新，整個頁面表單提交驗證等等。我如何在Rails中完成我想要的功能？

這裏是有問題的代碼：

<%= form_for @sermon, :html => { :multipart => true } do |f| %> 
    <div class="field"> 
    <%= f.label :title %><br /> 
    <%= f.text_field :title %> 
    </div> 
    <div class="field"> 
    <%= f.label :date %><br /> 
    <%= f.text_field :date %> 
    </div> 
    <div class="field"> 
    <%= f.label "Speaker" %><br /> 
    <%= f.select :speaker_id, Speaker.all.collect {|p| [ p.name, p.id ] }, {:include_blank => true} %> 
    </div> 
    <% @sermon.build_speaker unless @sermon.speaker %> 
     <%= f.fields_for :speaker, :remote => true, :html => {:data_type => 'html', :id => 'create_speaker_form'} do |g| %> 
      <%= g.label :name, "Or, add a new speaker:" %><br /> 
      <%= g.text_field :name %> 
      <%= g.submit %> 
     <% end %> 
    </div> 
    <div class="actions"> 
    <%= f.submit %> 
    </div> 
<% end %> 

Answer 1

可能是你的問題已經在這裏How do you submit a rails 3 form without refreshing the page?

回答，如果沒有幫助，您可以嘗試使用preventDefault()將其連接到您的提交按鈕。