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

【问题标题】：How do you connect country and state combo boxes in WooCommerce?您如何在 WooCommerce 中连接国家和州组合框？
【发布时间】：2018-10-12 22:06:37
【问题描述】：

以下生成国家和州组合框，它们运行良好但没有连接（即，如果您选择“加拿大”作为国家，州组合框仍然列出美国各州而不是加拿大各省）。 WooCommerce 是否提供了一种简单的连接方式？

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

【问题讨论】：

标签： wordpress woocommerce

【解决方案1】：

对于未来的读者，将以下代码添加到任何 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 插件。

【讨论】：

【解决方案2】：

没关系。我只是想通了。这些字段必须是同级的才能使此功能起作用（即它们必须在 DOM 中具有相同的父元素）。

【讨论】：