Removing child nodes for a select list

[riddelrp]

I have tried all these methods to remove all the options from a dropdown list

	selObj.removeChild.childNodes;	
	selObj.removeChild.firstChild;
	selObj.removeChild.childNodes(1);
	selObj.removeAttributeNode.nodeName("C");
	selObj.removeNode.childNodes;

What is the proper method? I want to remove all options...

Thanks,
Ryan

[riddelrp]

ok, got this to work:

var selObj = document.getElementById("DEFECT_5");
for(i = 0; i<=selObj.length; i++){
	selObj.remove(selObj.options[i]);
}

-Ryan

[jkd]

var range = document.createRange();
range.selectNodeContents(refToSelectElement);
range.deleteContents();
range.detach();

Is how you would do it with DOM2 most efficiently. Naturally though, only Gecko-based browsers have this level of support, so a DOM1 based solution:

while (refToSelectElement.hasChildNodes())
  refToSelectElement.removeChild(refToSelectElement.lastChild);

[riddelrp]

thanks