jquery - 如何在所选插件中启用 "create option"功能 onblur？

Question

我正在使用Koenpunt's fork选择的，这允许我在配置对象中使用“create_option”选项。

当选择框中不可用时，它为用户提供了一种创建元素的简洁方法。

现在，它的工作原理是让用户单击框中出现的“创建新事物”链接，但我希望它自动创建这些新选项。这可能吗？我应该触发一个事件吗？

Answer 1

据我了解，

1. 您正在尝试在搜索框中键入选项时动态添加选项。
2. Koenpunt 的 Chosen.jquery.js 分支只需单击“添加选项”链接即可实现此功能。

让我简单地说，通过按键事件触发“添加选项”链接(例如:输入键)会更好。经过长时间的多次尝试，我从 chosen.js

找到了 opt 方法

Chosen.prototype.keydown_checker = function(evt){
...
...
}

初始化 Chosen.js 的 jQuery 和 Koenpunt's fork 后，在 html 文件中添加以下脚本

<script type="text/javascript"> 
    Chosen.prototype.keydown_checker = function(evt) {
       if( event.which === 13)  {   
        $(this.form_field).append('<option>' + $(evt.target).val() + '</option>');
        $(this.form_field).trigger('liszt:updated');
        this.result_highlight = this.search_results.find('li.active-result').last();
        return this.result_select(evt);
       }
    }
</script>

我正在尝试创建一个 JSFiddle，希望能得到它。

编辑1:最后我在 JSFIDDLE1 中找到了它

编辑2:在尝试寻找onBlur()的方法时，我得到了以下opt方法

AbstractChosen.prototype.input_blur = function(evt){
...
...
}

上面的代码有一点变化:

AbstractChosen.prototype.input_blur = function(evt) {
        $(this.form_field).append('<option>' + $(evt.target).val() + '</option>');
        $(this.form_field).trigger('liszt:updated');
        this.result_highlight = this.search_results.find('li.active-result').last();
        return this.result_select(evt);
    }

对应JSFiddle2希望您能找到这两个 fiddle 的差异。