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

做到了。