jQuery Tokeninput add if not exists

2022-08-30 20:49:01

我正在编写一个基于用户输入的脚本,

我有一些字段需要从数据库中获取其值,

如果没有找到任何条目,我想添加一个新值,以便下一个用户将通过自动完成找到它。

我发现这个看起来很棒且易于实现的jquery插件,称为TokenInput,但它似乎没有

接受在我的数据库查询中不可用的条目。

这是插件的链接:http://loopj.com/jquery-tokeninput/demo.html

有没有解决此问题的方法?或者您是否建议另一个已经具有此功能的插件。

我有点担心这种网站的安全方面,在进行这种实现时,我需要注意一些特殊的东西吗?


答案 1

现在,在此插件的最新主节点中,使用 allowFreeTagging 选项处理此问题:https://github.com/loopj/jquery-tokeninput/blob/master/src/jquery.tokeninput.js#L57

版本号和文档在2年内没有更新,因此您必须使用master。


答案 2

当您在字段上启用 tokenInput 时,

$(selector).tokenInput(url, ...

该 url 是 tokenInput 发送搜索查询的位置。它指向一个脚本,该脚本根据与搜索查询匹配的数据库条目返回建议。您希望该脚本在数据库中没有任何内容与搜索查询匹配时,向该案例的列表添加另一个建议。如何执行此操作很大程度上取决于脚本。

因为你用 标记了你的问题,我猜 url 指向一个 php 脚本,该脚本返回一个充满建议的 JSON 对象。在这种情况下,请修改 php 脚本,使其向列表中添加建议:php

"{id: " . $idForThisNewSuggestion . ", name: \"" . $searchQueryString . " (new suggestion)\"}"

推荐