«
»

How to Remove All Options from a Dropdown Select Box with JavaScript

To remove all options from a dropdown select box with JavaScript, simply set the length property of the dropdown box to 0. For instance, if a dropdown select box is defined as follows:

<select name='Dropdown' id='Dropdown'>
  <option value='1'>1</option>
  <option value='2'>2</option>
</select>

Use this JavaScript to remove all the options in the dropdown select box.

document.getElementById('Dropdown').length = 0;

This entry was posted on August 12, 2007 at 1:55 am and is filed under JavaScript . You can follow any responses to this entry through the RSS 2.0 feed You can leave a response, or trackback from your own site.

27 Responses to “How to Remove All Options from a Dropdown Select Box with JavaScript”

  1. Russ Says:
    September 18, 2007 at 3:08 pm

    Thanks, This is exactly what I was looking for. I didn’t think it was this simple…

    Reply
  2. Bidyut Chakrabarty Says:
    January 30, 2008 at 11:19 pm

    remove items from drop down list

    Reply
  3. Sanju Says:
    March 13, 2008 at 10:23 pm

    Hey ! friend really thanks… I wasn’t think it was so easy

    Reply
  4. Richard Kimber Says:
    October 13, 2008 at 3:33 am

    Exactly what I was looking for, I really didn’t want to iterate through the whole array.

    Reply
  6. wojtek Says:
    November 19, 2008 at 2:31 pm

    thanks, it’s funny how simple it is

    Reply
  7. Faraj Says:
    November 27, 2008 at 3:18 pm

    thx u bro…. i thought it might be a bit work… I didn’t think it’d be this simple

    Reply
  9. Sado Says:
    December 25, 2008 at 2:45 am

    Who may think using this? :D
    It is very simple thx.

    Reply
  10. Sumit Says:
    April 2, 2009 at 2:35 am

    It really helpful to me.

    Reply
  11. Raj Says:
    April 30, 2009 at 12:22 pm

    simplest is : list.options.lenght=0; :)

    Reply
  12. Aniruddha Says:
    June 25, 2009 at 10:15 am

    This was very helpful!! Thanks.

    Reply
  13. Lokesh Says:
    June 30, 2009 at 12:51 am

    Thanks for your blog…
    it avoids use of any iterator..

    Reply
  14. Mani Says:
    July 27, 2009 at 5:33 am

    Thanks, So simple it is

    Reply
  15. Vini Says:
    August 5, 2009 at 2:38 am

    Brilliant.. i was looking for exactly the same..

    Reply
  16. teo Says:
    August 11, 2009 at 3:53 pm

    I have been working for 30 minutes for this this fixed like a charm! thx!

    Reply
  17. Kashif Says:
    August 13, 2009 at 6:39 am

    Amazing !!!.. so simple.. Thanx for posting

    Reply
  18. Kashif Ibrahim Says:
    August 13, 2009 at 6:40 am

    Amazing !!!.. so simple.. Thanx for posting !

    Reply
  19. Smikesh Says:
    August 18, 2009 at 10:32 pm

    great thinking..

    Reply
  20. Argg Says:
    August 19, 2009 at 8:08 pm

    Great stuff, thanks for the post!

    Reply
  21. bin Says:
    November 6, 2009 at 11:03 am

    many thanks!!!

    Reply
  22. Miti Says:
    December 4, 2009 at 5:32 am

    Thank you very much for so simple way to do it. :)

    Reply
  23. Omar Says:
    December 14, 2009 at 7:45 am

    I wish I found this a couple of days ago, I was trying to iterate through the array and set the options to null

    Many Thanks

    Reply
  24. ram Says:
    January 1, 2010 at 5:52 pm

    very nice post

    Reply
  25. Mark Says:
    January 20, 2010 at 5:14 am

    LOL! I was actually dreading having to make the loop and start combating this problem I was having and presto, it is a one line solution! How awesome!

    Reply
  26. Rajvinder Says:
    January 22, 2010 at 2:15 am

    Thanks!it is the easiest way

    Reply
  27. roots Says:
    March 10, 2010 at 10:04 am

    Thanks a lot!
    It’s amazing how much time I spent to get that… one line of code…

    Reply

Leave a Reply