2015-04-22 82 views
0

標準下拉:Ruby on Rails的 - 下拉以增加新的元素

<%= f.select :category_cont, @categories, :include_blank => true %>

現在,我希望能夠不僅搭載從下拉菜單中的類別,而且在飛行中添加新類別。當然,我的下拉菜單旁邊可以有<%= f.text_area :category %>,但它看起來不是很優雅。 有沒有什麼辦法可以從下拉菜單中選擇數值,但如果需要也可以添加新數值?

+1

檢查[this](http://stackoverflow.com/questions/1388302/create-option-on-the-fly-with-jquery)並使用JS創建新選項 – Abhi

回答

0

入住這Selectize.js

搜索 「單項選擇」 這裏

檢查時,您選擇的選項不存在,建議將其添加到選擇

Check here when you choose option not exist it suggest to add it to options

+0

如何更改'<%= f。選擇:category_cont,@categories,:include_blank => true%>'能夠使用selectize? – Robert

+0

其應用於選擇的標籤,所以如果你有 :HTML => {:類=> 「selectize」}。 可以使用$( 「selectize」)selectize({ 創建:真實, 的SortField:「文本' }); –

0

應用程序/ JavaScript的/ application.js:

//= require_tree . 
//= require selectize 

$(function() { 
    $('#category-select').selectize({ 
    create: true, 
    sortField: 'text' 
    }); 
}); 

application.css:

*= require selectize 
*= require selectize.default 

我的形式(視圖):

<%= f.select( 
     :category, 
     @categories, 
     {}, 
     {id: 'category-select' } 
    ) %> 

的伎倆。