Metabox Geolocation Extension：如何根据用户选择的国家动态更新地址限制规则

核心逻辑是监听国家下拉框的选择事件，动态修改地址自动完成的国家过滤规则，无需修改插件源码，前端即可实现：

• 提前给国家下拉选择框和目标地址字段设置唯一ID，例如国家下拉ID设为country_selector，地址字段ID设为target_address
• 在主题自定义JS文件中添加如下代码即可生效：

document.addEventListener('DOMContentLoaded', function () {
  const countrySelect = document.getElementById('country_selector');
  // 确认元素和Meta Box Geolocation实例都已加载
  if (!countrySelect || !window.rwmbGeolocation) return;

  const updateCountryRestriction = () => {
    const chosenIso2 = countrySelect.value.trim().toLowerCase();
    // 遍历所有Geolocation字段，匹配目标地址字段
    rwmbGeolocation.fields.forEach(field => {
      if (field.inputId !== 'target_address') return;
      // Google Maps 地址自动完成设置国家限制
      field.autocomplete.setComponentRestrictions(
        chosenIso2 ? {'country': chosenIso2} : {}
      );
    });
  };

  // 初始加载和下拉变更时都触发规则更新
  updateCountryRestriction();
  countrySelect.addEventListener('change', updateCountryRestriction);
});

若使用OpenStreetMap作为地址数据源，只需将上述setComponentRestrictions相关逻辑替换为搜索时追加countrycodes=选中的iso2参数即可实现同等过滤效果。

内容的提问来源于stack exchange，提问作者Arung Isyadi