jquery-plugins – 我们可以使用jQueryUI自动填充jQuery标签输入插件吗?

前端之家收集整理的这篇文章主要介绍了jquery-plugins – 我们可以使用jQueryUI自动填充jQuery标签输入插件吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想将两个插件合并在一起.

我正在使用jquery autocomplete作为邮政编码字段.

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

所以我想使用jQueryUI自动完成与jQuery标签输入插件.

我试过自己在JSfiddle但不工作.链接:-http://jsfiddle.net/7aDak/1719/

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

解决方法

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

> autocomplete使用的默认参数名称是“term” – 不能通过简单的参数进行更改,您需要通过“source”函数
>结果需要两个字段:“label”和“value”与您的提供商不提供 – 需要响应重映射.

以下代码适用于您的起点:

$('#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/

猜你在找的jQuery相关文章