如何将WooCommerce结账页billing_state下拉框改为文本输入框？

问题根源：你仅修改了字段类型，但WooCommerce后台仍会自动将输入的州名匹配映射为对应的州代码，导致最终显示的是代码而非用户输入的原始文本。以下是完整的解决方案代码：

// 修改结账页面州字段为文本输入框
add_filter('woocommerce_checkout_fields', 'y_change_billing_state_to_text', 20);
function y_change_billing_state_to_text($fields) {
    // 改为text类型
    $fields['billing']['billing_state']['type'] = 'text';
    // 移除默认的下拉选项，避免干扰
    unset($fields['billing']['billing_state']['options']);
    // 设置合适的占位符和标签（可按需修改）
    $fields['billing']['billing_state']['placeholder'] = '请输入州/地区名称';
    $fields['billing']['billing_state']['label'] = '州/地区';
    
    return $fields;
}

// 禁用州字段的自动代码转换，保留用户输入的原始文本
add_filter('woocommerce_checkout_posted_data', 'y_keep_raw_billing_state_value');
function y_keep_raw_billing_state_value($data) {
    if (isset($_POST['billing_state'])) {
        // 直接使用用户输入的原始值，不进行代码匹配
        $data['billing_state'] = sanitize_text_field($_POST['billing_state']);
    }
    return $data;
}

// 确保订单详情页面显示用户输入的州文本，而非代码
add_filter('woocommerce_order_get_billing_state', 'y_display_raw_billing_state', 10, 2);
function y_display_raw_billing_state($state, $order) {
    // 获取保存的原始州文本（如果存在），否则返回默认值
    $raw_state = $order->get_meta('_billing_state_raw');
    if (!empty($raw_state)) {
        return $raw_state;
    }
    return $state;
}

// 保存用户输入的原始州文本为订单元数据
add_action('woocommerce_checkout_update_order_meta', 'y_save_raw_billing_state_meta');
function y_save_raw_billing_state_meta($order_id) {
    if (isset($_POST['billing_state'])) {
        $raw_state = sanitize_text_field($_POST['billing_state']);
        update_post_meta($order_id, '_billing_state_raw', $raw_state);
    }
}

代码说明： #

• 第一部分修改字段类型为文本框，移除默认下拉选项，优化显示文案；
• 第二部分拦截结账提交的数据，直接保留用户输入的原始值，避免WooCommerce自动转换为州代码；
• 第三、四部分将原始输入值保存为订单元数据，并在订单详情中优先显示该原始值，确保前后端显示一致。

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