2012-05-07 70 views
0

this question類似,我想使用名爲dropkick的dropdown插件,它用更好看的自定義下拉菜單替換選擇的菜單。這一次,我想把wordpress檔案放在一個下拉列表中。這樣做的標準方法是,像這樣:用Jquery onchange提交Wordpress表單下拉列表

<select name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;"> 
    <option value=""><?php echo esc_attr(__('Select Month')); ?></option> 
    <?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?> 
</select> 

要適應這種技術踢反彈球,我想刪除的PHP平變化JS一部分,所以它看起來像這樣:

<form action="???" method="get" class="prettyArchive"> 
    <select> 
     <option value=""><?php echo esc_attr(__('Select Month')); ?></option> 
     <?php wp_get_archives('type=monthly&format=option&show_post_count=1'); ?> 
    </select> 
</form> 

了jQuery這個下拉轉換成一個「漂亮下拉菜單」是:

$('.prettyArchive select').dropkick({ 
     theme: 'default', 
     change: function (value, label) { 
     INSERT CALLBACK HERE 
     } 
}); 

我需要一個回調,這將效仿上面顯示的onchange事件。我不相信表單需要提交,而是刷新頁面更新?不太確定如何去解決這個問題。有任何想法嗎?

回答

1

沒有使用特定的插件,所以我不知道被傳遞給回調什麼樣的價值觀,但也許是這樣的:

$('.prettyArchive select').dropkick({ 
     theme: 'default', 
     change: function (value, label) { 
     document.location.href=value; 
     } 
}); 
+0

是做到了!謝謝Chris – JCHASE11

+0

@ JCHASE11我的榮幸! –