Показать сообщение отдельно
  #3 (permalink)  
Старый 26.01.2009, 13:37
Отправить личное сообщение для Андрей Параничев Посмотреть профиль Найти все сообщения от Андрей Параничев
 
Регистрация: 21.02.2008
Сообщений: 1,250

<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>
Ответить с цитированием