JQuery/Knockout 自动完成脚本答案

【问题标题】：JQuery/Knockout Autocomplete scriptJQuery/Knockout 自动完成脚本
【发布时间】：2013-02-06 15:41:51
【问题描述】：

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

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

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

任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery knockout.js

【解决方案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查看工作演示。

【讨论】：