Ещё одна задача на javascript

Рейтинг: 0Ответов: 2Опубликовано: 06.03.2011

Итак, есть выпадающий список:

<form name="sel">
    <select name="navsel">
        <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>

Что я упустил?

javascript

Источник: Stack Overflow на русском

Ещё одна задача на javascript

Ответы