如何在表单中记录下拉按钮输入

Question

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

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

更具体地说，假设这是部分 _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

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

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

我对此有点卡住了 :( 提前感谢您的帮助，如果我的查询不合适，我深表歉意..

加布里埃尔

Answer 1

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