更改 Loqate 地址验证控制的国家/地区答案

【问题标题】：Change Country for Loqate Address Verification Control更改 Loqate 地址验证控制的国家/地区
【发布时间】：2021-04-27 10:24:33
【问题描述】：

我成功使用了Loqate Address Verfication 控件，并将其地址结果过滤到一个国家/地区，在select 控件中选择。

但是，当select 中的国家/地区代码更改时，我无法更改 Loqate 地址服务中的国家/地区过滤器以使用更新后的值。

var addressControl;
var avOptions = { suppressAutocomplete: false, setCountryByIP: false };

$(function () {
    addressControl = initialiseAddressValidation();
});

$("#CountryCode").change(function () {
            
    if (addressControl) {
        addressControl.destroy();
        addressControl = null;
    }            

    addressControl = initialiseAddressValidation();

});


function initialiseAddressValidation() {

    avOptions.key = $("#avKey").val();        
    avOptions.countries = { codesList: $("#CountryCode").val() };
    
    //other config truncated
    
}

Loqate 的文档建议我在更改 select 时调用的 .destroy() 方法应该删除控件，我尝试将其设置为 null，然后使用新的国家代码值重新创建它，但是它返回的地址结果仍然是在加载时初始化的原始国家/地区。

有谁知道如何在不完全重新加载页面的情况下为 Loqate 地址验证器设置新的国家/地区过滤器？

我的工作解决方案，基于 @SlapdashFox 的宝贵帮助。这样做是为了避免每次更改国家/地区时都必须完全重新创建控件

$("#CountryCode").change(function () {                
    if (addressControl) {
        addressControl.options.search.countries = $("#CountryCode").val();
    } else {
        addressControl = initialiseAddressValidation();
    }
});

【问题讨论】：

标签： javascript street-address

【解决方案1】：

看起来您在这里更改了错误的值，您想更改选项对象中的search.countries 属性。

在你上面的例子中，你可以这样做：

function initialiseAddressValidation() {
    avOptions.key = $("#avKey").val();        
    avOptions.search = { countries: $("#CountryCode").val() };    
}

【讨论】：