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

如何解决更改 Loqate 地址验证控制的国家/地区

我成功地使用了 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();
    }
});

解决方法

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

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

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