WordPress插件下拉框选中值无法显示问题求助

核心错误 #

下拉框无法显示选中值的直接原因是selected()函数的参数错误：
你在代码里写了selected(get_option('page_for_logged_in'), 'page')，第二个参数固定为'page'，但实际需要对比的是当前循环中页面的post_name（因为你的option值用的是$page->post_name）。这导致永远不会匹配到保存的值，自然无法选中对应选项。

其他需要修复的问题 #

1. POST处理顺序错误：当前代码先渲染下拉框再处理保存逻辑，导致页面加载时用的是旧值渲染，刷新后才会显示新值。应该先处理保存，再渲染表单。
2. 缺少安全验证：没有添加WordPress的nonce验证，存在CSRF安全风险。
3. 默认选项选中逻辑错误：默认选项Choose one被强制设置为selected="selected"，即使已经保存了值，它也会被选中，覆盖正确选项的选中状态。
4. value选择不够可靠：用post_name作为option值，若页面slug被修改，保存的值就会失效，建议改用post_id更稳定。

修复后的完整代码 #

<form method="post">
    <?php
    // 添加安全nonce
    wp_nonce_field('save_page_for_logged_in', 'page_for_logged_in_nonce');

    // 先处理保存逻辑
    if (isset($_POST['page_for_logged_in']) && wp_verify_nonce($_POST['page_for_logged_in_nonce'], 'save_page_for_logged_in')) {
        $myvalue = sanitize_text_field($_POST['page_for_logged_in']);
        update_option('page_for_logged_in', $myvalue, 'no');
        // 保存后添加成功提示
        add_settings_error('page_for_logged_in_messages', 'page_for_logged_in_message', '设置已保存', 'updated');
    }

    // 获取保存的值
    $selected_page = get_option('page_for_logged_in');

    // 获取所有发布的页面
    $posts = get_pages(array(
        'post_status' => 'publish',
    ));
    ?>

    <div class="header-right">
        <select name="page_for_logged_in" id="page_for_logged_in">
            <!-- 默认选项：只有当没有保存值时才选中 -->
            <option value="" <?php selected($selected_page, ''); ?>>Choose one</option>
            <?php foreach ($posts as $page) : ?>
                <!-- 用post_id作为value，对比保存的selected_page -->
                <option value="<?php echo esc_attr($page->ID); ?>" <?php selected($selected_page, $page->ID); ?>>
                    <?php echo esc_html($page->post_title); ?>
                </option>
            <?php endforeach; ?>
        </select>

        <?php submit_button(); ?>
    </div>
</form>

<?php
// 显示设置提示
settings_errors('page_for_logged_in_messages');
?>

关键修改说明 #

• 将selected()的第二个参数改为$page->ID（如果坚持用post_name则改为$page->post_name），与option的value对应，确保匹配保存的值。
• 调整代码顺序，先处理保存逻辑再渲染表单，保证渲染时使用最新的保存值。
• 添加wp_nonce_field()和wp_verify_nonce()进行安全验证，符合WordPress开发规范。
• 修改默认选项的selected逻辑，只有当$selected_page为空时才选中默认选项。
• 改用页面ID作为option值，避免slug修改导致的失效问题（如果需要保留post_name，只需将$page->ID改回$page->post_name即可）。

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