tokeninput 显示所有数据而不是过滤答案

【问题标题】：tokeninput showing all data instead of filtertingtokeninput 显示所有数据而不是过滤
【发布时间】：2023-03-26 18:28:01
【问题描述】：

我有一个 jquery-tokeninput 用于在应用程序中选择成员。输入时的下拉菜单显示所有数据而不是过滤。有趣的是，它用粗体表示应该过滤的内容。

JSON：

[{"name": "Bill Bailey", "id": 2}, {"name": "Will Pimblett", "id": 3}, {"name": "Frank Surname", "id": 4}, {"name": "Mary Smith", "id": 5}, {"name": "Will Pimblett", "id": 6}]

HTML：

<div class="token-input-container">
<form action="." method="GET">
<div class="input-append">
    <input type="text" id="token-input" name="names"/>
    <button type="submit" class="btn token-input-submit">Select</button>
    <script type="text/javascript">
    $(document).ready(function () {
        $("#token-input").tokenInput("/members/api/tokeninput-data", {resultsLimit:2,theme:'facebook',hintText:'Type in part of a members name...'});
    });
    </script>
</div>
</form>
</div>

为蓝色的屏幕截图道歉，这是我能得到它的唯一原因

【问题讨论】：

对我来说很好用.. jsfiddle.net/2bxxh
嗯，我已经在 jquery 中完成了它，将一个充满 JSON 的变量传递给 tokenInput 而不是 JSON 的 URL，并且效果很好。但宁愿不这样做

标签： jquery jquery-tokeninput

【解决方案1】：

当您使用外部 URL 来生成 JSON 数组时，您必须自己执行搜索逻辑，并且只返回与您键入的查询相关的 JSON 项目的选择。（这是为了让您可以搜索数据库和拥有的东西！）

默认情况下，您的查询（输入的数据）位于服务器端脚本的$_GET['q'] 中。

【讨论】：