没有结果的jQuery Tokeninput事件答案

【问题标题】：jQuery Tokeninput event on No results没有结果的jQuery Tokeninput事件
【发布时间】：2015-01-25 12:31:41
【问题描述】：

我正在使用 jQuery Tokeninput 作为在图书创建页面上添加作者的一种方式。

如果输入的作者存在于数据库中，它将在下拉列表中显示为可点击的标记。但是，如果没有找到结果，下拉列表将只显示一条消息，通知用户他们的查询没有结果。我希望 Tokeninput 在 No results 的下拉菜单中提供一个可点击的选项，而不仅仅是显示一条消息。

因为我的 Tokeninput 字段仅用于查找现有作者。如果用户输入的名称尚不存在，我想提供一个选项来立即创建他/她。因此，我希望有一个可点击的选项，类似于“输入的作者尚不存在。现在添加“姓氏”？然后显示一个用于添加新作者的非令牌输入表单。

令牌输入源代码：
https://github.com/loopj/jquery-tokeninput/blob/master/src/jquery.tokeninput.js

【问题讨论】：

标签： jquery ruby-on-rails jquery-tokeninput

【解决方案1】：

我会考虑启用免费标记，并利用 onFreeTaggingAdd 回调，以便您可以使用用户已经在 TokenInput 中输入的搜索查询，并保存他们输入两次。

这还有一个好处是允许用户创建一个新作者，该作者可能是现有作者的子字符串。（例如 Chris Smith、Chris Smithson）

有点像这样：

$(document).ready(function() {
    $("#my-text-input").tokenInput("/url/to/your/script/", {
        allowFreeTagging: true,
        noResultsText: "Author not recognised, hit enter to add",
        onFreeTaggingAdd: addNewAuthor(hiddenInput, token)
    });
});

function addNewAuthor(hiddenInput, token) {
    //Insert form-launching code here, using the author name in the token parameter
}

注意确保您使用的是来自 Github 的最新版本的免费标记功能插件，loopj.com 上的版本已过时。

【讨论】：