.options.remove() only removes some items ?

[plenderj]

I have a dropdown, and I want to clear it, but this code only clears some items

	var i = 0; var dropDown = document.search.elements['selProductGroup'];
	for (i = 0; i <= dropDown.length; i++) {
		dropDown.options.remove(i);
	}

[plenderj]

And this doesn't make any difference...

	for (i = 0; i <= dropDown.length; i++) {
		if (! ( dropDown.options[i] == null ) )
			dropDown.options.remove(dropDown.options[i].value);
	}

[TomGibbons]

	var i = 0; var dropDown = document.search.elements['selProductGroup'];
	dropDown.options.length = 0;

Should clear it?

[Acidic]

I don't think you can set the length equal to zero, length is read only I think.

also
if (! ( dropDown.options[i] == null ) )
should maybe be:
if (dropDown.options[i] != null )
or maybe that doesn't matter.

if this is a dropdown as in a <select>

then why not:

document.getElementById('selProductGroup').innerHTML = ""

that's if the select is:
<select id="selProductGroup" ... (whatever else)>

[TomGibbons]

Works for me (Internet Explorer and FireFox)

Note: Rename to htm/html, apparently we can't upload html files.