Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.01.2009, 04:29
Новичок на форуме
Отправить личное сообщение для mindsurfer Посмотреть профиль Найти все сообщения от mindsurfer
 
Регистрация: 24.01.2009
Сообщений: 1

Listbox и динамическое изменение текста
Добрый день. Я бы хотел получить пример кода в котором после выбора пункта из листбокса под ним динамически изменялся текст. Наверно ээто сделать несложно, но сори, начинающий.
Ответить с цитированием
  #2 (permalink)  
Старый 26.01.2009, 11:25
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 24.07.2008
Сообщений: 1,271

Я бы тоже хотел получить чего-нибудь... Но приходится работать и добиваться всего самому...
Ответить с цитированием
  #3 (permalink)  
Старый 26.01.2009, 12: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>
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение текста слоя по изменениям в текстовом поле Воитель Общие вопросы Javascript 4 21.10.2008 10:03
Динамическое изменение <input text> baal1988 Events/DOM/Window 4 24.08.2008 16:17
В IE не работает динамическое изменение colspan, нужна помощь! Extasy Общие вопросы Javascript 8 17.08.2008 10:55
Динамическое изменение границ между столбцами таблицы srgg Элементы интерфейса 3 10.08.2008 13:40
Динамическое изменение размеров изображения Макс Элементы интерфейса 7 21.07.2008 15:55