Question

私はワードプレスで水平メニューを生成するコードを持っています。コードは

<? php wp_nav_menu (array ('theme_location' => 'header-menu'));?> 

私は代わりにドロップダウンしたいと思いますが、次のコードを試してみました。

<select name="blog-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'> 
<option value="">Navigering</option><?php wp_nav_menu(array('theme_location' => 'header-menu')); ?></select> 

何が問題なのですか。空のドロップダウンリストが表示されます。

Answer 1

私が使用してオプションのドロップダウンが値としてページIDが含まれているwp_dropdown_pages($args);

このWordPressの機能を使って、同様の要件を満たすことができましたjqueryを介してユーザーをリダイレクトします。次のように私のjqueryのコードが見えます：

$("nav select").change(function() { 
    var pageID = $(this).find("option:selected").val(); 
    window.location = siteurl + '?p=' + pageID; 
}); 

ここSITEURLはその後、uはfooter.phpに以下のような

<div id="wordpress_blog_url" style="display:none;"><?php bloginfo('template_url'); ?></div> 

をいくつかのdivを保つことができる（WordPressのブログのURLです）私のホームページのURL が含まれており、

var siteurl = $('#WordPress').html(); 

Answer 2

あなたのブラウザでは空ですが、コードを調べる（またはHTMLソースを読む）。 wp_nav_menu関数はul>li>aタグを作成します。 http://codex.wordpress.org/Function_Reference/wp_nav_menu。

オプションタグは、このような何かを必要とします：

<select> 
    <option>Volvo</option> 
    <option>Saab</option> 
    <option>Mercedes</option> 
    <option>Audi</option> 
</select>