<script type="text/javascript">
// Обявляем объект, в котором ключи - значения
// элемента списка, а значение - фраза, которую
// нужно отображать под списком:
var shouts = {
thing1: "Вы выбрали Ich",
thing2: "Вы выбрали Ni",
thing3: "Вы выбрали San",
thing4: "Вы выбрали Shi"
};
// Объявляем функцию-обработчик собития смены
// выбранного элемента списка:
function shoutbox(select) {
// Получаем выбранный элемент списка:
var selected = select.options[select.selectedIndex];
// Если значение элемента есть в ключах shouts:
if (selected.value in shouts) {
// Меняем сообщение под списком:
document.getElementById("box").innerHTML = shouts[selected.value];
} else {
// Иначе просто очищаем блок для сообщения:
document.getElementById("box").innerHTML = "";
}
}
</script>
<!-- На список прописываем обработчик события change,
в который передаем параметром ссылку на этот список. -->
<select name="some" onchange="shoutbox(this)">
<option value="thing1">Ich</option>
<option value="thing2">Ni</option>
<option value="thing3">San</option>
<option value="thing4">Shi</option>
</select>
<!-- Блок для сообщений -->
<div id="box"></div>
