Какое пиво лучше?
<select name = "beer">
<option>Жигулевское
<option selected>Очаковское
<option>Бочкарев
<option>Балтика
</select>
<P>
<input type = "button" value="Смотрим что выбрали" onClick="show()">
<script Language="JavaScript"><!--
function show()
{
var l=beer.length;
var ind=beer.selectedIndex;
var n=beer.options[ind].text;
}
length - количество элементов в списке объекта select;
selectedIndex - содержит индекс выбранного элемента
text - соответствует тексту, который указан в теге <option>
Под IE, Chrome все работает.
Спустя 2 часа, 34 минуты, 35 секунд (28.06.2011 - 12:02) waldicom написал(а):
Там несколько ошибок javascript.
Кстати, такие вещи очень удобно отслеживать с помощью плагина firebug для firefox.
Итак, для начала, firefox видимо требует закрытого тега </script>, иначе ругается на то, что функция show() не определена:
Затем он не может понять, что такое beer:
Да и не плохо было бы закрывать теги <option>
Кстати, в девятом IE этот пример тоже не работает
Кстати, такие вещи очень удобно отслеживать с помощью плагина firebug для firefox.
Итак, для начала, firefox видимо требует закрытого тега </script>, иначе ругается на то, что функция show() не определена:
show is not defined
Затем он не может понять, что такое beer:
beer is not defined
Да и не плохо было бы закрывать теги <option>
Кстати, в девятом IE этот пример тоже не работает
Спустя 1 день, 1 час, 53 минуты, 18 секунд (29.06.2011 - 13:55) mshdn написал(а):
Оказывается, работает вариант
<script Language="JavaScript">
function show()
{
beer = document.getElementById('beer');
var l=beer.length;
var i=beer.selectedIndex;
var n = beer.options[beer.selectedIndex].text;
alert(i);
}
</script>
Firefox не работает с <select name='beer'>
<script Language="JavaScript">
function show()
{
beer = document.getElementById('beer');
var l=beer.length;
var i=beer.selectedIndex;
var n = beer.options[beer.selectedIndex].text;
alert(i);
}
</script>
Firefox не работает с <select name='beer'>