Значение value в созданном SELECT-е
Добрый день.
Ниже фрагмент кода с комментариями:
————————————————
<html>
<head>
<script>
function init(){
// Получаем элемент DIV (единственный в BODY)
var gDiv = document.getElementById(”id_div”);
// Создается SELECT
var gSel = document.createElement('SELECT');
// Задаём для SELECT значение id = 'id_sel'
gSel.setAttribute(”id”, “id_sel”);
// Создаются две OPTION
var gOpt1 = document.createElement('OPTION');
var gOpt2 = document.createElement('OPTION');
// Этим двум OPTION задаются надписи “One” и “Two”
gOpt1.appendChild(document.createTextNode(”One”));
gOpt2.appendChild(document.createTextNode(”Two”));
// Эти две OPTION прикручиваются к созданному SELECT
gSel.appendChild(gOpt1);
gSel.appendChild(gOpt2);
// А SELECT, в свою очередь, прикручивается к DIV-у
gDiv.appendChild(gSel);
// Для SELECT задаём функцию-обработчик show_value(), ….
gSel.onchange = function(){
show_value();
}
}
// … которая просто отображает alert-ом выбранное в SELECT-е значение.
function show_value(){
alert(document.getElementById(”id_sel”).value);
}
</script>
</head>
<body onload=”init();”>
<div id=”id_div”></div>
</body>
</html>
————————————————
При изменении значения в списке должно по alert-у появляться сообщение с новым выбранным значением.
В FF и в Opera всё работает как надо, а в IE сообщение пустое (т.е. value возвращает пустую строку).
С чем это может быть связано?
