jquery-plugins - 我们可以使用带有 jQ​​uery 标签输入插件的 jQueryUI 自动完成功能吗？

Question

我想将两个插件合并在一起。

我正在为邮政编码字段使用 jquery 自动完成功能。

现在我想为邮政编码字段添加多个条目，所以我找到了 jQuery 标签输入插件。

所以我想使用带有 jQ​​uery 标签输入插件的 jQueryUI 自动完成功能。

我在 JSfiddle 上试过，但没有工作。链接：-http://jsfiddle.net/7aDak/1719/

谁能帮我实现这个功能。

Answer 1

你在这里遇到了两个问题：

• 自动完成使用的默认参数名称是“term” - 简单参数无法更改，您需要通过“source”函数来更改
• 结果需要两个字段：“标签”和“值”，您的提供商未提供 - 需要重新映射响应。

下面的代码适合您的起点：

$('#tag1').tagsInput({
autocomplete_url:'http://ws.geonames.org/postalCodeSearchJSON',
autocomplete:{
source: function(request, response) {
  $.ajax({
     url: "http://ws.geonames.org/postalCodeSearchJSON",
     dataType: "json",
     data: {
        postalcode_startsWith: request.term
     },
     success: function(data) {
        response( $.map( data.postalCodes, function( item ) {
                        return {
                            label: item.countryCode + "-" + item.placeName,
                            value: item.postalCode
                        }
                    }));
     }
  })
}}});

http://jsfiddle.net/YGm89/