Wordpress 如何使导航成为<；选择>；没有插件的列表？

我为此尝试了几种解决方案，但没有一种有效。
我设法将导航列表设置为

列表，但没有显示页面名称，也没有显示其URL

如果没有外部插件，我如何制作一个功能齐全的选择列表导航

---

（理想的解决方案是，页面URL将在

选项中显示为
值
，这样我就可以使用JavaScript进行页面导航）
如果您还没有自定义脚本加载程序，请在主题函数中添加类似的内容。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，因为您可以根据自己的喜好包含/style）：

您可以尝试使用
get_pages（$args）
函数获取页面列表及其各自的链接。然后使用@Spencer Hoffman列出的jQuery应该可以得到我认为您需要的东西


这个例子应该是一个完美的例子（除了内联javascript之外）。
你能提供一些关于你想要什么的详细信息吗？也许是网络上其他地方的一个例子，或者是一个屏幕截图？你在找这样的东西吗？@Spencerhofman是的，没错！到目前为止，我一直在努力实现的是一个自定义菜单项列表，没有任何URL指示。你看到问题是关于Wordpress的吗？同样，像这样使用内联Javascript被认为是不好的做法，你应该改用事件绑定，我很抱歉。根据你之前的陈述“是的，完全正确！”，你让我相信这就是你所需要的一切。我非常了解最佳实践，并很乐意更新我的答案。
<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>

$(document).ready(function() {

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

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

        if (curUrl) {

            window.open(curUrl, '_top')

        }

    });