Date: 2008may8
Language: javaScript
Keywords: clear, empty
Q. How do I remove all the options from an HTML <select> ?
A. Here is a function that does it.
Pass in the object handle of the <select> (not the options).
function removeOptions(obj) {
if (obj == null) return;
if (obj.options == null) return;
obj.options.length = 0; // That's it!
}
// Another way to do it:
function removeOptionsAlternate(obj) {
if (obj == null) return;
if (obj.options == null) return;
while (obj.options.length > 0) {
obj.remove(0);
}
}
// In jQuery
$('#myselect')[0].options.length = 0;
// Example use:
function example() {
removeOptions(document.getElementById('myselect'));
}