首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带有邮政编码和城市名称的jQuery .autocomplete()在一个输入字段中

带有邮政编码和城市名称的jQuery .autocomplete()在一个输入字段中
EN

Stack Overflow用户
提问于 2016-02-23 11:16:16
回答 1查看 1.9K关注 0票数 2

嗨,我正在尝试构建一个带有自动完成的Geo-Data (geonames.org API)的字段。

我想出了如何解决邮政编码输入和城市名称搜索的问题。我想把这两者都包括进去。如果我用城市名称搜索,它还会显示最近几个城市所有可能的邮政编码。

我希望你能帮我或者给我个提示。

我的代码是:

代码语言:javascript
复制
$(function () {
    function log(message) {
        $("#log").text(message);
        $("#log").scrollTop(0);
    }

    $("#city").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "http://api.geonames.org/postalCodeSearchJSON",
                dataType: "jsonp",
                data: {
                    postalcode_startsWith: request.term,
                    maxRows: 10,
                    country: "DE",
                    username: "username"
                },
                success: function (data) {
                    response($.map(data.postalCodes, function (item) {
                        return {
                            label: item.postalCode + "-" + item.placeName,
                            value: item.postalCode + "-" + item.placeName
                        }
                    }));
                }    
            });

        },
        minLength: 2,
        select: function (event, ui) {
            log(ui.item ?
              "Sie haben: " + ui.item.label + " ausgewählt ":
              "Nichts ausgewählt " + this.value);
        }
    });
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-23 13:24:15

更新:

就像往常一样简单。不需要特殊代码,只需将数据更改为:

代码语言:javascript
复制
            data: {
                featureClass: "P",
                maxRows: 10,
                country: "DE",
                placename_startsWith: request.term,
                username: "yourusername"
            }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35576070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档