动态添加选项以选择多个 JQuery 插件

我想添加用户在选定的选择多个输入的文本字段中输入的文本作为选项，并自动选择它，所有这一切当选项不存在时，如果选项存在，那么我想选择它。到目前为止我已经设法做到这一点：

Chosen.prototype.add_text_as_option = function () {
    $('#id_select').append(
        $('<option>')
                .html(this.search_field.val())
                .attr('selected', 'selected')
                .attr('value', 0)
    );
    $('#id_select').trigger("liszt:updated");
    return false;
};

每当用户在输入字段处于焦点状态时按下 Enter 时，我都会调用此函数keydown_check功能。

我有两个问题：

• 最优先的是，当用户按 Enter 键并输入选项的子字符串时，该选项不会被选中，但子字符串文本将被添加和选择。不是我想要的。

例如：如果我有选项“foo”，并开始输入“fo”，则选择将标记第一个 选项作为候选（“foo”），所以如果我按 Enter，它应该被选择，但相反，当我实际上想选择“foo”时，会发生“fo”作为选项添加并被选择。

如果我点击选择“foo”，那么一切都会正常。选项选择标记被选中，子字符串文本被视为选项的一部分。

如何在不丢失所有原始功能的情况下添加不存在的选项？

• 如何访问我在所选插件中选择的初始化的选择多个字段？正如您在上面的代码中看到的，选择多个字段的 id 是硬编码的。我希望这样做是为了能够在用户添加新选项时刷新选择。

• 我正在寻找的功能与技能小部件非常相似linkedin http://linkedin.com

您应该尝试 select2 插件，它基于所选插件，但它可以很好地动态添加元素。

链接如下：http://ivaynberg.github.com/select2/ http://ivaynberg.github.com/select2/

查看自动标记化的示例，我认为这可能就是您正在寻找的。