text_field，包含可選的下拉菜單？

當用戶點擊：text_field，包含可選的下拉菜單？

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

我希望有一個下拉菜單出現與像幾個選項，「失去10磅」，「戒菸」或「運行5K」。

但他們仍然可以選擇忽略下拉菜單並輸入自己的挑戰。

來源

2015-12-03 AnthonyGalli.com

聽起來像是'selected'或'select2'的好用例。不過，不知道這是不是一個好的問題。 – ihaztehcodez

鏈接：https：//select2.github.io/。只要使用它。這個問題本身不是一個問題。從Rails的角度來看，你只需要一個普通的文本框。然後，您將使用JavaScript來實現所需的其他下拉選項。 –

謝謝@ joshua.paling。我要給select2一個嘗試，並回報一個答案，除非你想給它，所以我可以關閉這個問題:) –

擴大對我的評論：

在純HTML組件，通過瀏覽器（和軌道能發生的）理解而言，你唯一的選擇是「文本框」和「下拉菜單」。沒有這兩者的混合體。

所以，這意味着你必須選擇一個文本字段，然後自己添加額外的下拉功能。從Rails的角度來看，您使用的只是一個普通的舊文本字段，您將使用javascript在瀏覽器中添加額外的下拉功能。基本上它會是一個文本字段，但是當你點擊它時，它會給你一個事物列表，如果你從該列表中單擊一個東西，它會自動填充該值的文本字段。但是，它仍然是「僅僅是一個文本領域」。

你不是第一個想要這個功能的人，而且有一堆已經構建的javascript庫。首先嚐試https://select2.github.io/，或者查看http://www.unheap.com/section/inputs-forms/selectboxes/以獲取更多潛在選項。

來源

2015-12-03 21:52:11

感謝您的完美解釋！這就是爲什麼Google搜索有時會出現問題，如text_field下拉菜單。「如果你想找到正確的答案，請提出正確的問題」 –

是的，當你甚至不知道你想要搜索什麼時，這真的很棘手。樂意效勞。 –

text_field，包含可選的下拉菜單？

回答

相關問題