Listbox и динамическое изменение текста
Добрый день. Я бы хотел получить пример кода в котором после выбора пункта из листбокса под ним динамически изменялся текст. Наверно ээто сделать несложно, но сори, начинающий.
|
Я бы тоже хотел получить чего-нибудь... Но приходится работать и добиваться всего самому...
|
<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. |