How do I clear all options in a dropdown box?

by

To remove the options of an HTML element of select, you can utilize the remove() method:

function removeOptions(selectElement) {
   var i, L = selectElement.options.length - 1;
   for(i = L; i >= 0; i--) {
      selectElement.remove(i);
   }
}

// using the function:
removeOptions(document.getElementById('DropList'));

It’s important to remove the options backwards; as the remove() method rearranges the options collection. This way, it’s guaranteed that the element to be removed still exists!

More Related Contents:

  1. Get selected value in dropdown list using JavaScript
  2. What is the best way to add options to a select from a JavaScript object with jQuery?
  3. Adding options to a using jQuery?
  4. Change the selected value of a drop-down list with jQuery
  5. Working with select using AngularJS’s ng-options
  6. How to use Checkbox inside Select Option
  7. How to populate a cascading Dropdown with JQuery
  8. jQuery get specific option tag text
  9. Is it possible to use JS to open an HTML select to show its option list? [duplicate]
  10. How do you remove all the options of a select box and then add one option and select it with jQuery?
  11. How do I programatically select an HTML option using JavaScript?
  12. Hide select option in IE using jQuery
  13. Check if option is selected with jQuery, if not select a default
  14. How to use jQuery to select a dropdown option?
  15. How to populate the options of a select element in javascript
  16. How to add Drop-Down list () programmatically?
  17. How to ensure a form field is submitted when it is disabled?
  18. What is the most efficient way to sort an Html Select’s Options by value, while preserving the currently selected item?
  19. Change ‘s option and trigger events with JavaScript
  20. How to keep cascade dropdownlist selected items after form submit?
  21. How to fire a change event on a HTMLSelectElement if the new value is the same as the old?
  22. option.style.display = “none” not working in safari [duplicate]
  23. set option “selected” attribute from dynamic created option
  24. Javascript to Select Multiple options [closed]
  25. Getting an option text/value with JavaScript
  26. jQuery remove options from select
  27. Close a SELECT dropdown list programmatically with Javascript/jQuery
  28. How to hide optgroup/option elements?
  29. React Warning: flattenChildren(…): Encountered two children with the same key
  30. Get drop down value

Leave a Comment