Display all posts within a dropdown menu

Adding this snippet to your wordpress theme will display a list of all your posts within a dropdown menu. You can adjust the number of posts displayed by changing the -1 value within the $args array.

<form action="<? bloginfo('url'); ?>" method="get">
<select name="page_id" id="page_id">
global $post;
$args = array( 'numberposts' => -1);
$posts = get_posts($args);
foreach( $posts as $post ) : setup_postdata($post); ?>
	<option value="<? echo $post->ID; ?>"><?php the_title(); ?></option>
<?php endforeach; ?>
<input type="submit" name="submit" value="view" />

Comments  Leave a Reply

  1. I added the above code to my sidebar in a text widget but nothing shows up in the dropdown area (it’s just white). Any idea why? Thanks!

  2. Marta Mystkowska Johnsson October 30, 2014 at 8:21 am

    Hi, great tutorial but I wounder if it is possible to make two dropdowns. The first one chose a category and the second one shows all post in that category and than there is a button (link) that allows to go to that chosen post? Do you think it is possible? I did write some code that takes hardcoded values and changes the list with javascript but I would like to have it dynamic, right now I have to add every new post to my hardcoded list on right category, lot of mess….Thank You!

    1. Yes something like this could be done however you would need to use ajax to grab all posts within a specific category when selected. It’s not just a matter of a simple change the to the code above.

  3. Hi Kevin, thank for your tutorial. How to create selected option? I use your code showing my custom post type title, but when I selected one and press submit button, it back to the first (I mean nothing selected).

    1. This snippet only creates the menu it does not do anything more than that. However you can use the following script on wpsnipp.com ‘s sister site jqsnipp.com for the jquery side.


      Then in the snippet above change

      <option value="ID; ?>”>to

      <option value="”>

      This will add the permalink to the value and the javascript on jqsnipp will let
      you jump to the location when you select the menu item.

      1. thank alot

  4. Hey Kevin,
    Thanks so much for posting this. Was looking all over for how to accomplish it with custom post types. Do know how I can accomplish this so that when the item is selected from drop down it automatically goes to the page without having to have a “submit” button?

    1. Hi Chris,

      Rather than just $post->ID for the value you could add

      get_permalink($post->ID) then use javascript to see what option has been selected.
      If you are using jQuery I have a snippet on my other site http://jqsnipp.com that you can
      use for just this type of thing. http://jqsnipp.com/create-jquery-select-dropdown/

  5. Roberta Mahasti April 4, 2014 at 12:10 pm

    Hi, can I list my portfolio items? I’m trying but… 🙂

    1. Hi Roberta,

      I assume you want to display a custom post type ? You need to add the post type to the $args array. If you add ‘post_type’ => ‘post’, that should do the trick after you change post to the name of your custom post type.

      1. Roberta Mahasti April 4, 2014 at 8:16 pm

        Thanks ^^

      2. Roberta Mahasti April 4, 2014 at 8:16 pm

        Thanks ^^

  6. Hello, any way to change drop down or drop down field size?

    Thank you

    1. In CSS, add
      .dropbox {
      height: 30px; /* Change according to your like*/

  7. Thx, for this snippet. Sorry for my english, i`ll do my best 🙂 I need a “first line” like “Please Chosse…”. Can you help me to put this line into your code? garfield853

  8. Ferry Verhoeve August 9, 2013 at 8:04 am

    Where do I place this??

    1. Hi Ferry, place the code where you wish to display it in your theme.

      1. Ferry Verhoeve August 9, 2013 at 8:51 am


  9. Perfect!!!

  10. What about if you wanted to do it by category? So show all posts under each category?

  11. Does this work with custom post types too?

    1. Hi Fin, yes you can add the post type to the args array, eg:

      ‘numberposts’ => -1,
      ‘post_type’=> ‘post’,

      1. This works great and thank you!

        Can you advise for displaying all posts from a certain category

        1. Just add cat and the category ID

          ‘numberposts’ => -1,
          ‘post_type’=> ‘post’,
          ‘cat’ => ‘2’,

          1. Cheers Kevin!

          2. Hi Kevin, thank you for posting the coding on this page. It has been quite helpful to me in organizing the sidebar at (link removed). Please “Churches of NY” box, I would like for the box to start up with “Select Post” — how may implement that option? Also, how may I get the selection to go straight to the post with out the “view” box? Thanks.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WordPress Launch Checklist

The Ultimate WordPress Launch Checklist

We've compiled all the essential checklist items for your next WordPress website launch into one handy ebook.
Yes, Send Me the Free eBook!