WooCommerce注册页面国家下拉框值无法保存至用户元数据求助

1. 前端下拉框的核心错误修正 #

<select>标签本身不支持value属性，你之前的代码错误地将选中值写在<select>上，导致提交时无法正确传递选中项，页面刷新也无法回显已选值。正确的做法是给对应<option>添加selected属性，推荐使用WordPress内置的selected()函数自动判断：

<div class="col-md-12">
    <label for="reg_billing_country"><?php _e( 'Country', 'woocommerce' ); ?><span class="required">*</span></label>
    <select class="input-text" name="billing_country" id="reg_billing_country">
        <option value="Nederland" <?php selected( ! empty( $_POST['billing_country'] ) ? $_POST['billing_country'] : get_user_meta( get_current_user_id(), 'billing_country', true ), 'Nederland' ); ?>>Nederland</option>
        <option value="Belgie" <?php selected( ! empty( $_POST['billing_country'] ) ? $_POST['billing_country'] : get_user_meta( get_current_user_id(), 'billing_country', true ), 'Belgie' ); ?>>Belgie</option>
        <option value="Duitsland" <?php selected( ! empty( $_POST['billing_country'] ) ? $_POST['billing_country'] : get_user_meta( get_current_user_id(), 'billing_country', true ), 'Duitsland' ); ?>>Duitsland</option>
        <option value="Frankrijk" <?php selected( ! empty( $_POST['billing_country'] ) ? $_POST['billing_country'] : get_user_meta( get_current_user_id(), 'billing_country', true ), 'Frankrijk' ); ?>>Frankrijk</option>
    </select>
</div>

这段代码同时兼顾了注册时的POST值回显，以及用户账户页的已保存值展示。

2. 保存逻辑的钩子验证 #

确保你的保存代码挂载到正确的WooCommerce钩子上，避免因触发时机错误导致保存失败，示例如下：

add_action( 'woocommerce_created_customer', 'save_custom_billing_fields' );
function save_custom_billing_fields( $customer_id ) {
    if ( isset( $_POST['billing_country'] ) ) {
        update_user_meta( $customer_id, 'billing_country', sanitize_text_field( $_POST['billing_country'] ) );
    }
    // 其他自定义字段保存逻辑...
}

3. 账户页字段显示与保存 #

如果需要在用户账户页显示并修改该字段，需添加以下代码：

// 在账户编辑表单添加国家字段
add_action( 'woocommerce_edit_account_form', 'add_billing_country_to_account' );
function add_billing_country_to_account() {
    $user_id = get_current_user_id();
    $billing_country = get_user_meta( $user_id, 'billing_country', true );
    ?>
    <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
        <label for="billing_country"><?php _e( 'Country', 'woocommerce' ); ?><span class="required">*</span></label>
        <select class="woocommerce-Input woocommerce-Input--select input-text" name="billing_country" id="billing_country">
            <option value="Nederland" <?php selected( $billing_country, 'Nederland' ); ?>>Nederland</option>
            <option value="Belgie" <?php selected( $billing_country, 'Belgie' ); ?>>Belgie</option>
            <option value="Duitsland" <?php selected( $billing_country, 'Duitsland' ); ?>>Duitsland</option>
            <option value="Frankrijk" <?php selected( $billing_country, 'Frankrijk' ); ?>>Frankrijk</option>
        </select>
    </p>
    <?php
}

// 保存账户页修改的国家字段
add_action( 'woocommerce_save_account_details', 'save_billing_country_from_account' );
function save_billing_country_from_account( $user_id ) {
    if ( isset( $_POST['billing_country'] ) ) {
        update_user_meta( $user_id, 'billing_country', sanitize_text_field( $_POST['billing_country'] ) );
    }
}

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