当用户点击时:
<%= f.text_field :challenge, class: 'form-control' placeholder: 'Enter Challenge' %>
我希望出现一个下拉菜单,其中包含一些选项,例如“减掉 10 磅”、“戒烟”或“跑 5K”。
但他们仍然可以选择忽略下拉菜单并输入他们自己的挑战。
当用户点击时:
<%= f.text_field :challenge, class: 'form-control' placeholder: 'Enter Challenge' %>
我希望出现一个下拉菜单,其中包含一些选项,例如“减掉 10 磅”、“戒烟”或“跑 5K”。
但他们仍然可以选择忽略下拉菜单并输入他们自己的挑战。
扩展我的评论:
就本机 HTML 组件而言,浏览器可以理解(并且可以由 rails 生成),您拥有的唯一选项是“文本字段”和“下拉菜单”。没有这两者的混合体。
因此,这意味着您必须选择一个文本字段,然后自己添加额外的下拉功能。从 Rails 的角度来看,您所使用的只是一个普通的旧文本字段,您将在浏览器中添加额外的下拉功能,使用 javascript。基本上它将是一个文本字段,但是当您单击它时,它会为您提供一个事物列表,如果您单击该列表中的一个事物,它将自动使用该值填充文本字段。但是,它仍然是“只是一个文本字段”。
您不是第一个需要此功能的人,并且已经构建了一堆 JavaScript 库。尝试https://select2.github.io/开始,或查看http://www.unheap.com/section/inputs-forms/selectboxes/以获取更多潜在选项。