2012-08-04 67 views
0

我有我的商店窗體,它是由ajax創建的,並且想要重置它的某些字段。這裏是我的代碼,從那裏的形式一路呈現到自己的看法開始:如何在我的表單提交時重置某些字段?

如果其呈現:

寵物/ index.html.erb

<div class="tabbable"> 
    <ul class="nav nav-tabs"> 
     <li class="active"> 
     <a href="#tab1" data-toggle="tab">Store</a> 
     </li> 
    </ul> 
    <div class="tab-content"> 
     <div class="tab-pane active add-store-form" id="tab1"> 
     <%= render "stores/form" %> 
     </div> 
    </div> 
</div> 

它是如何創建的:

注意:我的新建和創建視圖都有相同的確切代碼。

new.js.erb & create.js.erb(僅此1線)

$('.add-store-form').html('<%= escape_javascript(render(:partial => 'stores/form', locals: { store: @store })) %>'); 

現在我的店形式我希望他們重置與#領域:

<%= form_for(@store, :remote => true, :html => { :class => "add-form", :id => "sform" }) do |f| %> 

    # <%= f.text_field :name %> 

    # <%= f.check_box :personal %> 

    <%= f.collection_select :category_id, Category.all, :id, :name, {}, {} %> 

    # <%= f.text_field :address %> 

    <%= f.text_field :website %> 

    # <%= f.text_field :phone_number %> 

    <%= f.submit "Create" %> 

如何重置這些特定字段?

+0

你是什麼意思「你想重置它具有的某些領域」? – deefour 2012-08-04 15:05:53

+0

@Deefour創建資源後,我希望這些特定字段變得清晰。 – LearningRoR 2012-08-04 15:41:34

+0

你的問題確實與鐵軌無關。我爲你調整了標籤。 – deefour 2012-08-04 17:08:01

回答

1

這是一種Clear form fields with jQuery的重複問題。

所以,你應該包括具有這樣的功能的js文件(new.js.erbcreate.js.erb):

$('#sform').live('submit', function() { 
    $('#name').val(""); # this only resets the name field, provided it has the id 'name' 
}); 

你必須在回答這個問題,我與其他的例子。請注意,當您點擊「創建」按鈕時,我建議使用表單提交事件時,他們使用點擊按鈕重置字段。