条件Rails表单基于Javascript的操作

时间:2013-09-06 20:36:18

标签: jquery ruby-on-rails twitter-bootstrap

我有一个使用bootstrap的模态表单,使用户可以添加不同类型的嵌入式媒体。我根据文件类型将表单嵌入到不同的选项卡中。我希望模态页脚中的“保存”按钮根据当前关注的表单提交正确的表单。我知道如何使用jquery找到当前选项卡,但是如何根据此值为保存按钮编写条件?

enter image description here

例如,要提交视频,我目前有:

 <div class="modal-footer media_actions">

    <%= video_form.actions do %>
      <%= video_form.action :cancel, :label => "Close", :as => :link,
      :button_html => {:class => "btn", :href => "#", 
      :data => {:target => "#mediaEmbedModal", :toggle => "modal"}} %>

      <%= video_form.action :submit, :label => "Save", :as => :button,
      :button_html => {:class => "btn btn-primary", :id => "video_submit", :disable_with => "Saving..."}, :disable_with => "Saving..." %>
    <% end %>
    <% end %>
    <div class="videoLoadingIcon"></div>
  </div>

但是如果我希望能够根据当前活动的表单更改操作,我应该怎么做?

1 个答案:

答案 0 :(得分:1)

几个选项:

  1. 有两个不同的提交按钮(每个表单一个),然后实际上这是标签内容的一部分而不是模态页脚。
  2. 生成两个模态页脚div并将第二个设置为display:none。然后通过javascript适当地切换可见性。我可能会采用这种方法。
  3. 通过javascript根据点击的标签覆盖表单目标。