WooCommerce变体下拉框foreach循环无法显示全部结果求助

你的代码核心问题是拼接HTML时使用了HTML实体（<、>、"）而非真实的HTML标签字符，导致浏览器将这些代码解析为文本内容，而非可交互的下拉框元素。这就是为什么你能看到$options有4个结果，但下拉框只显示“文本形式”的选项（甚至看起来只有一个）。

以下是修正后的完整代码，同时优化了部分细节以匹配WooCommerce的默认逻辑：

function wiz_rebuild_variation_dropdown( $html, $args ) {
    // 仅当产品只有一个变体属性（单个下拉框）时执行
    if( sizeof($args['product']->get_variation_attributes()) == 1 ) :

        $options               = $args['options'];
        $product               = $args['product'];
        $attribute             = $args['attribute'];

        $show_option_none      = $args['show_option_none'] ? true : false;
        $show_option_none_text = $args['show_option_none'] ? $args['show_option_none'] : __( 'Choose an option', 'woocommerce' );

        if ( empty( $options ) && ! empty( $product ) && ! empty( $attribute ) ) {
            $attributes = $product->get_variation_attributes();
            $options    = $attributes[ $attribute ];
        }
        
        // 构建Select容器，使用属性名作为ID（符合WooCommerce默认规范）
        $html = '<select id="' . esc_attr( $attribute ) . '" class="variation-select">';
        if ( $show_option_none ) {
            // 默认选项值为空，匹配WooCommerce默认逻辑
            $html .= '<option value="">' . esc_html( $show_option_none_text ) . '</option>';
        }
       
        if ( ! empty( $options ) ) {
            foreach ( $options as $option ) {
                // 输出真实的option标签，显示选项文本
                $html .= '<option value="' . esc_attr( $option ) . '">' . esc_html( $option ) . '</option>';
            }
        }  

        // 关闭Select容器
        $html .= '</select>';

    endif;

    return $html;
}
add_filter( 'woocommerce_dropdown_variation_attribute_options_html', 'wiz_rebuild_variation_dropdown', 10, 2);

关键修正点说明 #

• 替换了所有HTML实体（<→<、>→>、"→"），确保浏览器能正确解析为HTML标签。
• 将下拉框ID从固定的something改为动态的属性名$attribute，避免ID冲突，同时符合WooCommerce的前端逻辑。
• 默认选项的value设为空字符串，匹配WooCommerce原生下拉框的行为。
• 循环中输出真实的选项文本（esc_html($option)），而非占位符something。
• 增加了$show_option_none的判断，避免在不需要默认选项时输出多余内容。

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