Итак, есть выпадающий список:
<form name="sel">
<select name="navsel" onChange="selects(this)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</form>
Он определяет номер строки.
var sele = document.forms.sel.navsel.value;
var elm=document.all(sele);
Переменная elm есть все элементы страницы. Задача: сделать функцию, которая берёт значение sele, подставляет в elm, получает результат информации о строке в таком виде [object HTMLHtmlElement], и при помощи switch выводить нормальные данные:
switch(elm) {
case '[object HTMLHtmlElement]' : elm = '<html>'
break
case '[object HTMLHeadElement]' : elm = '<head>'
break
}
document.writeln("Выбранный элемент страницы - "+elm+" Номер элемента - "+sele);
Ну и, конечно же, чтобы всё было динамично, при изменении значения списка тут же выводилась новая информация о строке и её номере. В данный момент функция выглядит так:
<script type="text/javascript">
function selects() {
var sele = document.forms.sel.navsel.value;
var elm=document.all(sele);
switch(elm) {
case '[object HTMLHtmlElement]' : elm = '<html>'
break
case '[object HTMLHeadElement]' : elm = '<head>'
break
case '[object HTMLMetaElement]' : elm = '<meta>'
break
}
document.writeln("Выбранный элемент страницы - "+elm+" Номер элемента - "+sele);
}
</script>
Но после изменения значения списка форма пропадает, а switch не работает, то есть [object HTMLHtmlElement] не меняется на
<html>
Что я упустил?