如何使用选择但仍允许输入文本

Question

我正在使用选择从一长串选项中显示一个选择。

http://harvesthq.github.io/chosen/

我还希望能够允许用户提交一个尚未包含在选项列表中的选项。

这仅适用于单选。

现在，当用户键入的任何选项中没有匹配时，所选内容将在焦点离开所选文本框时清除输入的输入。

告诉我如何为此目的改变选择。或者，如果有其他工具可以让我达到同样的效果，我将有兴趣知道。

Answer 1

您可以调用由“输入”按钮触发的javascript功能来获取用户输入的值并调用您自己的搜索功能

$('.chosen-search').on('keyup', function(e) {
    if (e.keyCode == 13) {
        $('.searchBtn').trigger('click');
    }
});


$('.searchBtn').click(function() {
    extraSearchString = $('.chosen-search input[type="text"]').val();
    searchStringNotInList(extraSearchString);
}

在这种情况下，您可以处理用户在点击搜索按钮或点击“输入”时输入的任何字符串

Answer 2

可能不是，选择的方式，但你可以为select元素添加一个'other'选项，当它被选中时，向用户显示一个自由文本输入。