Ruby on rails rubyonrails&;引导\u表单-f.text\u字段中的下拉列表
我想在Ruby on Rails表单中的文本字段中设置下拉列表。Ruby on rails rubyonrails&;引导\u表单-f.text\u字段中的下拉列表,ruby-on-rails,bootstrap-4,dropdown,Ruby On Rails,Bootstrap 4,Dropdown,我想在Ruby on Rails表单中的文本字段中设置下拉列表。 我这样写代码: <div class="dropdown"> <%= f.text_field :title, class: "dropdown-toggle", data: {toggle:"dropdown"} %> <ul class="dropdown-menu" aria-labelledby="
我这样写代码:
<div class="dropdown">
<%= f.text_field :title, class: "dropdown-toggle", data: {toggle:"dropdown"} %>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
# some dropdown items
</ul>
</div>
在我的调查中,问题似乎……
<div class="dropdown"
<div class="form-group">
<input class="form-control dropdown-toggle" data-toggle="dropdown" type="text">
</div>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
# some dropdown items
</ul>
</div>
请告诉我如何共存“f.text\u字段”、“表单组”和引导下拉列表。我在官方文档()中找到了解决方案 您可能希望围绕字段定义自己的表单组div。为此,将选项wrapper:false添加到输入字段。例如:
f.form_group :user do
f.email_field :email, wrapper: false
end
你说的引导表单是什么意思,你用的是宝石吗?很抱歉把你弄糊涂了。我使用gem“bootstrap\u form”。(用法是
bootstrap\u form\u with
代替form\u with
)因此gem有一个用于选择的帮助器(下拉列表),为什么您不使用它?谢谢您的评论。我想用文本字段下拉(就像建议一样),所以我不使用f。
<div class="dropdown"
<input class="form-control dropdown-toggle" data-toggle="dropdown" type="text">
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
# some dropdown items
</ul>
</div>
f.form_group :user do
f.email_field :email, wrapper: false
end