您可以尝试使用get_pages( $args )函数来获取页面列表及其各自的链接。然后使用@Spencer Hoffman 列出的 jQuery 应该可以得到我相信你正在寻找的东西。

http://codex.wordpress.org/Function_Reference/get_pages#Displaying_pages_in_dropdown_list

该示例应该是完美的示例（除了内联 javascript）。

如果您还没有自定义脚本加载器，请在主题的 functions.php 中添加如下内容：

function addScripts() {

    if ( !is_admin() ) { 

        wp_register_script('navScript', get_template_directory_uri() . "/js/navScript.js")); 

        wp_enqueue_script('navScript');

}
}

add_action( 'wp_print_scripts', 'addScripts');

在您的 WordPress 仪表板中，转到外观->我的自定义小部件，创建一个新小部件（给它一个名称，选择 HTML 作为类型），然后添加您的版本（省略 div，因为您可以包含/样式你的喜好）：

<form>

    <select id="superNav">
        <option value="">Choose a destination...</option>
        <option value="http://www.yahoo.com/">YAHOO</option>
        <option value="http://www.google.com/">GOOGLE</option>
        <option value="http://www.amazon.com/">AMAZON</option>
    </select>

</form>

然后，在外观->小部件下，将新的自定义小部件添加到您想要的任何位置。

在 navScript.js 中（在适当的模板 JS 目录中，如上所示），您可以添加类似于以下代码的代码。我正在使用 jQuery 执行此操作，但使用 addEventListener() 可以轻松地为纯 JavaScript 重新设计：

$(document).ready(function() {

    $('#superNav').change(function() {

        var curUrl = $("option:selected", this).val();

        if (curUrl) {

            window.open(curUrl, '_top')

        }

    });