我们可以使用jQueryUI自动完成与jQuery标签输入插件吗？

Question

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

我正在使用jquery autocomplete for zipcode字段.

现在我想为zipcode字段添加多个条目,所以我找到了jQuery标签输入插件.

所以我想使用jQueryUI autocomplete和jQuery标签输入插件.

我尝试了自己的JSfiddle,但没有工作.链接:-http://jsfiddle.net/7aDak/1719/

任何人都可以帮我这个功能.

Answer 1

你在这遇到了两个问题:

• autocomplete使用的默认参数名称是"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/