自动完成搜索名称和代码

Question

places.json如下

[{"CC":"XNR","CN":"Aabenraa"},{"CC":"AAH","CN":"Aachen"},{"CC":"XOA","CN":"Aalbaek"},{"CC":"AAL","CN":"Aalborg"},{"CC":"QFA","CN":"Aalsmeer"}]

CN代表国家代码，CN代表国家名称

$(".typeahead").autocomplete({
    source: function (request, response) {
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
        $.ajax({
            url: "places.json",
            dataType: "json",
            success: function (data) {
                response($.map(data, function(v,i){
                    var text = v.CN;
                    if ( text && ( !request.term || matcher.test(text) ) ) {
                        return {
                                label: v.CN.concat(' (',v.CC,')'),
                                value: v.CC
                               };
                    }
                }));
            }
        });
    }
});

我如何实现我的代码来搜索国家名称和国家代码

Answer 1

您只检查了 matcher.test() 中的国家/地区名称。你也应该检查国家代码

更新以下 if（条件）

if ( text && ( !request.term || matcher.test(v.CN) || matcher.test(v.CC) ) ) {

自动完成搜索名称和代码

Autocomplte search both name and code

jquery

jquery-ui

jquery-ui-autocomplete