JQuery/Knockout 自动完成脚本

Posted 2023-03-27

【中文标题】JQuery/Knockout 自动完成脚本

【英文标题】：JQuery/Knockout Autocomplete script

【发布时间】：2013-02-06 15:41:51

【问题描述】：

我正在尝试查找资源，以便根据提供的邮政编码自动填充位置。

例如当用户输入 4 位邮政编码时，自动完成功能会启动并以下面的格式显示所有匹配的位置。邮政编码、郊区、州，例如1234,abc郊区,abcState。

我肯定会在http://jqueryui.com/autocomplete/ 上查看 jquery 自动完成功能。但是，该列表似乎仅包含精确搜索的项目。我的要求是根据搜索的项目获取额外的 item_details。

任何帮助将不胜感激。

【参考方案1】：

您应该查看 Twitter 的 Typeahead.js。 他们最近将其开源，并在 twitter.com 上进行了实战测试

【参考方案2】：

我已经创建了一个 KO Combo，它可以支持这个。

Live example 

http://jsfiddle.net/JD49k/6/

回购 https://github.com/AndersMalmgren/Knockout.Combobox

【参考方案3】：

使用 Ko.bindingHandlers 创建自定义函数，例如 很容易实现和使用

<input id="ainput" class="form-control" data-bind="jqAuto: actualValue, jqAutoOnChange: autoChange, jqAutoQuery: autoQuery, jqAutoSourceLabel: 'Description', jqAutoSourceInputValue: 'Name', jqAutoSourceValue: 'Id'" />

在这里Fiddle查看工作演示。