0

我是 Ruby on Rails 的新手,我正在尝试调整我的 One Month Rails 示例应用程序以创建不同的东西。

我很快就会陷入许多主题,但现在我只需要一些指导,了解如何通过下拉菜单选择预定义的类别,从引导表单中获取用户的一些输入。

更具体地说,假设这是部分 _form.html.erb:

<%= form_for @transaction, html: { multipart: true } do |f| %>
  <% if @transaction.errors.any? %>
    <div id="error_explanation">
      <h2><%= pluralize(@transaction.errors.count, "error") %> prohibited this transaction from being saved:</h2>

      <ul>
      <% @transaction.errors.full_messages.each do |msg| %>
        <li><%= msg %></li>
      <% end %>
      </ul>
    </div>
  <% end %>

  <div class="form-group">
    <%= f.label :category %><br>
    <%= f.text_field :category, class: "form-control" %>
  </div>

  <div class="form-group">
    <%= f.label :date %><br>
    <%= f.datetime_select :date, class: "form-control"  %>
  </div>

  <div class="form-group">
    <%= f.label :amount %><br>
    <%= f.text_field :amount, class: "form-control"  %>
  </div>

  <div class="form-group">
    <%= f.label :location %><br>
    <%= f.text_field :location, class: "form-control"  %>
  </div>
  <div class="form-group">
    <%= f.label :account %><br>
    <%= f.text_field :account, class: "form-control"  %>
  </div>
  <div class="form-group">
    <%= f.label :tag %><br>
    <%= f.text_field :tag, class: "form-control"  %>
  </div>
  <div class="form-group">
    <%= f.label :image %><br>
    <%= f.file_field :image, class: "form-control" %>
  </div>
  <div class="actions">
    <%= f.submit class: "btn btn-primary" %>
  </div>
<% end %>

如何按照以下格式创建两 (2) 个类别按钮:

http://getbootstrap.com/components/#btn-dropdowns-single

每个按钮都应显示宏类别(假设生活和娱乐是两个宏类别),每个按钮的下拉菜单应显示不同的选项。当用户单击其中一个选项时,按钮会更改为该选项,并且该选项会正确存储在表单中。

从上面的示例代码中可以看出,现在用户必须在文本字段中输入她的文本。

我对此有点坚持:(提前感谢您的帮助,如果我的查询不合适,我很抱歉..

加布里埃尔

4

1 回答 1

0

Ryan Bates 的这段视频可能会对您有所帮助。这是链接http://railscasts.com/episodes/88-dynamic-select-menus

于 2013-11-05T23:44:55.467 回答