Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Listbox и динамическое изменение текста (https://javascript.ru/forum/dom-window/2624-listbox-i-dinamicheskoe-izmenenie-teksta.html)

mindsurfer 24.01.2009 05:29

Listbox и динамическое изменение текста
 
Добрый день. Я бы хотел получить пример кода в котором после выбора пункта из листбокса под ним динамически изменялся текст. Наверно ээто сделать несложно, но сори, начинающий.

ZoNT 26.01.2009 12:25

Я бы тоже хотел получить чего-нибудь... Но приходится работать и добиваться всего самому...

Андрей Параничев 26.01.2009 13:37

<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>


Часовой пояс GMT +3, время: 02:17.