邮政编码如何根据所选城市字段自动填充

【问题标题】：How Zipcode populates automatically based on city field seleced邮政编码如何根据所选城市字段自动填充
【发布时间】：2018-03-21 07:40:37
【问题描述】：

我正在寻找一种功能，将邮政编码、州和城市作为下拉列表并进行链接。当首先选择州时，会在下拉菜单中缩小城市范围，并且可以自动填充邮政编码。

我找到了一个非常好的： https://wordpress.org/plugins/states-cities-and-places-for-woocommerce/

但所选城市未填充邮政编码。我试图联系插件作者，但没有反馈。

或者还有其他方法可以解决这个问题吗？非常感谢！

【问题讨论】：

对不起，这真的很复杂，而且太宽泛了
好的，那么是否有办法在结帐页面中链接邮政编码和城市？也就是说，当我选择纽约市时，邮政编码将填充例如 1111。
对不起，这真的很长而且很复杂，因为您首先需要将邮政编码组链接到城镇 + 当然还有很多代码来扩展 WC 类
好的。还是非常感谢。我只是想无论如何扩展插件。 wordpress.org/plugins/states-cities-and-places-for-woocommerce
哦，是的，为什么不……这可能非常有用……

标签： woocommerce

【解决方案1】：

我对插件做了一个小改动，在 javascript 插件文件的城市选择上添加了一个 onchange：

states-cities-and-places-for-woocommerce/js/place-select.js

在这一行：

$citybox.replaceWith( '<select name="' + input_name + '" id="' + input_id + '" class="city_select" placeholder="' + placeholder + '" onchange="getZipCode()"></select>' );

然后我在购物车页面上添加了这个粗略的脚本：

<script>
function getZipCode() {
 var city = document.getElementById("calc_shipping_city").value;
 if(city=="Nameofthecity1"){calc_shipping_postcode.value = "111111";}
 if(city=="Nameofthecity2"){calc_shipping_postcode.value = "222222";}
 ...
 document.getElementById('calc_shipping_postcode').readOnly = true;
}
</script>

【讨论】：