2012-08-04 75 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' 
}); 

你必须在回答这个问题,我与其他的例子。请注意,当您点击“创建”按钮时,我建议使用表单提交事件时,他们使用点击按钮重置字段。

相关问题