Как удалить все селекты на странице

[Great Rash]

Собственно сабж. Возникла необходимость удалить все элементы <select>. Пишу так:

function killSelect() {
	var form = document.getElementById('t');

	for (var i = 0; i < form.length; i++) {
		if (form.elements[i].nodeName.toLowerCase() == 'select') {
			form.removeChild(form.elements[i]);
		}
	}
}

window.onload = killSelect;

Один селект, собака, остается. Проверял в Мозилле 3.0.11

Что я не так делаю? В инете ничего по теме не нашел.

Забыл приложить код формы:

<form id="t" action="" method="post">
	<select name="testSelect">
		<option value="1" selected>
			opt 1
		</option>
		<option value="2">
			opt 2
		</option>
	</select>
	<select name="testSelect2">
		<option value="1" selected>
			opt 1
		</option>
		<option value="2">
			opt 2
		</option>
	</select>
	<select name="testSelect3">
		<option value="1" selected>
			opt 1
		</option>
		<option value="2">
			opt 2
		</option>
	</select>
</form>

Edited July 6, 2009 by Great Rash

[Styx]

Здесь цикл со счетчиком — неудачная идея, так как инкремент счетчика должен происходить только в том случае, если условие в теле цикла не выполняется.

function killSelect() {
   var form = document.getElementById('t');
   var i = 0;
   while (i < form.elements.length) {
	  if (form.elements[i].nodeName.toLowerCase() == 'select')
		 form.removeChild(form.elements[i])
	  else
		 i++
   }
}

window.onload = killSelect;

[Riim]

var selects = document.getElementById('t').getElementsByTagName('select');

Ну и удаляем в цикле.

Один селект, собака, остается.

Потому что в "var form" попадает динамическая коллекция. В таких ситуациях проще всего перебирать ее с конца.

[Great Rash]

О! Спасибо!

[Great Rash]

Рано я поторопился радоваться. Ваш скрипт перестает работать если select находится в каком-нибудь контейнере.

<form id="t" action="" method="post">
	<div>
		<select name="testSelect">
			<option value="1" selected>
				opt 1
			</option>
			<option value="2">
				opt 2
			</option>
		</select>
	</div>
	<select name="testSelect2">
		<option value="1" selected>
			opt 1
		</option>
		<option value="2">
			opt 2
		</option>
	</select>
	<select name="testSelect3">
		<option value="1" selected>
			opt 1
		</option>
		<option value="2">
			opt 2
		</option>
	</select>
</form>

При такой конструкции все перестает работать.

UPD: Ой! Вот я дубина... Вопрос снимается

Edited July 9, 2009 by Great Rash