Archive for August 12, 2007

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

Posted in JavaScript on August 12, 2007 by Joey

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;