如何在WooCommerce中连接国家和州组合框？

Question

以下产生国家和州组合框，它们工作得很漂亮但没有连接（即如果选择“加拿大”作为国家，州组合框仍然列出美国州而不是加拿大省）。 WooCommerce是否提供了一种简单的方法来连接它们？

<? woocommerce_form_field("shipping_country", array("type" => "country")) ?>
<? woocommerce_form_field("shipping_state", array("type" => "state")) ?>

Answer 1

没关系。我刚想通了。这些字段必须是兄弟才能使此功能正常工作（即它们必须在DOM中具有相同的父元素）。

Answer 2

对于将来的读者，将以下代码添加到任何Wordpress模板中将为您提供一组工作的国家和州选择框：

<?php
woocommerce_form_field("billing_country", array("type" => "country"));
woocommerce_form_field("billing_state", array("type" => "state"));
wp_enqueue_script( 'wc-country-select' );
?>

如果您还想使用WooCommerce的内置Select2插件，请输入以下代码：

<?php
woocommerce_form_field("billing_country", array("type" => "country"));
woocommerce_form_field("billing_state", array("type" => "state"));
wp_enqueue_script( 'selectWoo' );
wp_enqueue_style( 'select2' );
wp_enqueue_script( 'wc-country-select' );
?>

您当然还需要安装并激活WooCommerce插件。