Ruby on Rails-通過添加新元素進行下拉

Question

標准下拉菜單：

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

現在，我不僅希望能夠從下拉菜單中選擇類別，而且還可以即時添加新類別。 當然，我的下拉菜單旁邊可以有<%= f.text_area :category %> ，但是它看起來並不優雅。 有什么方法可以從下拉菜單中選擇值，還可以根據需要添加新值？

Answer 1

檢查此Selectize.js

搜索“單項選擇”

如果您選擇的選項不存在，請在此處檢查，建議將其添加到選項中

Answer 2

app / 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' }
    ) %>

做到了。