Selectize.js 选择ize.js call href添加新选项

selectize的文档已经解释了如何使用create:function input、callback{….}向数据库添加新项

在我的例子中，selectbox的基本模型不仅包含选项名称，还包含其他数据

我有一个带有国家的选择框。 选项由包含国家/地区名称、顶级、货币的模型国家/地区填充。选择框仅显示国家/地区名称。 如果用户想要添加新的国家/地区，我想打开一个引导模式，让用户添加新的国家/地区数据，保存后我想使用refreshOptions刷新选择框

我试图在第741行的selectize.js中更改

'option_create': function(data, escape) {
    return '<div class="create">Add <strong>' + escape(data.input) + </strong>&hellip;</div>';

到

在seletbox中写下一个不存在的国家后，我可以看到这个链接，但当我点击它时，什么也没有发生

我怎样才能解决这个问题？我已经快要放弃了：-

++++++++++++++++++++++++++++++++++ 用于删除选项的Javascript：

<script type="text/javascript">
    $(".chosen-search-94-departID").selectize({
      create: true,
      sortField: {field: 'text'},
      onOptionAdd: function (value, $item) { 
          var link='... link ...' + value;
          load_modal_content (link, '... csrf ...');
          $('#modal').modal('show');
          $item.selectize.removeOption(value);
      },
  });

---

在添加新项目时，使用OnItem see定义行为可能更清晰/更简单。我想不需要为此更改selectize.js。

谢谢。它几乎奏效了。但我仍然有一个问题：当用户编写一个新选项时，模态视图（用户应该在其中为该选项添加新数据）会打开。现在，用户决定不添加新选项。他关闭模态视图，但新选项仍然是可选的。有没有办法阻止selectize自动添加新选项？如果该选项确实保存到数据库中，我会在关闭模式后添加它。然后使用removeItem和removeOption删除不完整的选项。删除不起作用。我确信我的代码不正确。你能看一下吗？我在上面添加了我的代码。非常感谢。也许您应该设置一些fiddle/plunk来显示代码的简化版本，以便我们可以尝试修复它。您显示的内容很奇怪：您的所有选项都引用了当前Selectize实例？通常，当您调用selectize将其附加到控件时，您可以通过.selectize…data'selectize'获取实例

<script type="text/javascript">
    $(".chosen-search-94-departID").selectize({
      create: true,
      sortField: {field: 'text'},
      onOptionAdd: function (value, $item) { 
          var link='... link ...' + value;
          load_modal_content (link, '... csrf ...');
          $('#modal').modal('show');
          $item.selectize.removeOption(value);
      },
  });