Question

我想在我的rails项目中实现Bootstrap的下拉菜单，类似于Bootstrap网站上提供的以下代码：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

我目前在项目中有一个部分，我可以添加新的/编辑类别以便在主窗体中使用。我目前用于未格式化的选择/下拉列表的代码是：

<%= f.select :category_id, Category.all.map { |category| [ category.name, category.id ] }, class: "form-control" %>

似乎没有应用任何引导程序格式化，我尝试将代码更改为：

<%= f.select :category_id, options_for_select([Category.all.map { |category| [ category.name, category.id ] }]), {}, class: "form-control" %>

这为下拉框提供了一个引导样式框，但默认选择下的下拉列表没有任何类似于Bootstrap示例的格式。我的一个类别叫做Pages，但上面代码中selectbox中的文本只显示[＆＃34; pages＆＃34;，1]，其中1是ID。

对此的任何帮助将不胜感激：）

Answer 1

我认为正确的语法如下所示

 = f.select :category_id, options_for_select(Category.collect {|c| [c.name, c.id]}), { :include_blank => "Please select category"}, {:class => "form-control"}

如何在类别

1 个答案: