text_field,包括可选的下拉菜单?

时间:2015-12-03 21:36:01

标签: ruby-on-rails ruby drop-down-menu textfield form-control

当用户点击:

<%= f.text_field :challenge, class: 'form-control' placeholder: 'Enter Challenge' %>

我想要一个下拉菜单,其中包含一些选项,例如“丢失10磅”,“戒烟”或“运行5K”。

但是他们仍然可以选择忽略下拉菜单并键入他们自己的挑战。

1 个答案:

答案 0 :(得分:1)

扩展我的评论:

就本机HTML组件而言,浏览器可以理解(并且可以通过rails生成),您拥有的唯一选项是&#34;文本字段&#34;和&#34;下降&#34;。没有两者混合的东西。

因此,这意味着您必须选择文本字段,然后自己添加其他下拉功能。从Rails的角度来看,你所使用的只是一个普通的旧文本字段,你将使用javascript在浏览器中添加额外的下拉功能。基本上它是一个文本字段,但当你点击它时,它会给你一个列表,如果你点击该列表中的一个东西,它将自动用该值填充文本字段。但是,它仍然只是一个文本字段&#34;。

您并不是第一个想要此功能的人,并且已经构建了一堆javascript库。首先尝试使用https://select2.github.io/,或者查看http://www.unheap.com/section/inputs-forms/selectboxes/以获取更多潜在选项。