jquery-select2 - 将固定项目添加到 select2

Question

我在 Rails 中使用 select2 gem

gem 版本：3.5.9.3 select2 版本：3.5.2

哈姆尔观点：

= form_tag('cards/search/', method: :get, remote: true, class: 'navbar-form navbar-right') do
  .form-group
    = hidden_field_tag :q, '', id: 'search', class: 'form-control',
      style: 'width: 250px;',
      data: { 'ajax-url' => search_path, placeholder: 'placeholder' }

在咖啡脚本文件中

$ ->
  $('#search').select2
    minimumInputLength: 1
    ajax:
      dataType: 'json'
      delay: 250
      data: (params) ->
        q: params
      results: (data) ->
        results: data.q

如何在选项底部添加固定项目？无论我在搜索表单中输入了什么。

我试过了：

$('#search').append{id: 'test', text: 'test'}

但是没有看到那个选项。

Answer 1

我想出的两个解决方案是：

1. 为select2. 哪个 IMO 是一项相当繁琐的任务，因为我没有找到任何关于如何做到这一点的文档。我发现对我有帮助的最佳资源是 Kvein Brown 对此主题的回复：

   https://groups.google.com/forum/#!topic/select2/s4hAHyBrYqc

2. 另一种方法，如果您只是select2在页面上使用一个，可能是最简单的方法是侦听select2的 open 事件，然后只需使用jQuery在您想要的位置附加一个元素。