2014-01-23 54 views
0

我在form_for中有一個select_tag與options_for_select來創建一個模型的實例,但它是一個巨大的列表,所以我想添加一個搜索(允許用戶鍵入他們的選擇並查看縮小的結果,因爲他們繼續打字)而不是選擇。我應該用form_tag替換select嗎?我將如何去在form_for中添加一個搜索字段?在form_for rails中搜索數組

的意見/狗/新:

<%= form_for [@master, @dog], role: "form" do |f| %> 

       <div class="form-group"> 
        <div><%= f.label :name %><br /> 
        <%= f.text_field :name, :autofocus => true, class: "form-control" %></div> 
       </div> 

       <div class="form-group"> 
        <div><%= f.label :age %><br /> 
        <%= f.number_field :age, class: "form-control" %></div> 
       </div> 

       <div class="form-group"> 
        <div><%= f.label :breed %><br /> 
        <%= select_tag "breed", options_for_select([['French Bulldog' ,'French Bulldog'], ['Pitbull', 'Pitbull']]) %> 

       </div> 

目前顯示爲:

enter image description here

回答

1

您將需要使用文本字段,而不是一個選擇欄和使用jQuery自動完成(http://jqueryui.com/autocomplete/) 。

關於如何使用它有一個很好的例子。

您只需要在js中填充一個變量,並在其中包含所有品種,然後使用插件過濾列表並使用其中的一個回調函數,以防需要進一步自定義文本字段;例如在用戶選擇了該品種之後。

希望這可以幫到你