• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Обновления div при выборе select
Обновления div при выборе select
workman
Четверг, 25 Февраля 2016 | Сообщение 1
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Если необходимо обновить какой-то блок на сайте, в зависимости от выборанного пользователем значения select в форме, нам поможет следующий JS код



JS
Код
<script type="text/javascript">
         function selectChanged() {
            var sel = document.getElementById('myselect');
            var str = sel.selectedIndex ? (sel.options[sel.selectedIndex].innerHTML) : 'Ничего не выбрано';
            document.getElementById('mydiv').innerHTML = str;
         }
</script>

HTML
Код
<select id="myselect" onchange="javascript:selectChanged();">
<option>Выберите</option>
<option>пункт 1</option>
<option>пункт 2</option>
<option>пункт 3</option>
<option>пункт 4</option>
<option>пункт 5</option>
</select>
<div id="mydiv"></div>
Прикрепления: 0584307.png (3.9 Kb)


Сообщение отредактировал
workman - Четверг, 25 Февраля 2016, 16:31
Страна: (RU)
Kosten
Четверг, 25 Февраля 2016 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44326
Награды: 70
workman, это когда выбираешь категорию?
Когда заливаешь материал.
Страна: (RU)
workman
Четверг, 25 Февраля 2016 | Сообщение 3
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
это когда выбираешь категорию?
Когда заливаешь материал.
Нет. Это немного другое. Это например когда в каждый select вставляешь что-то свое для быстрого перехода или выбора
Страна: (RU)
Kosten
Четверг, 25 Февраля 2016 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44326
Награды: 70
workman, но так не дурно, что то виде навигаций.
Страна: (RU)
workman
Четверг, 25 Февраля 2016 | Сообщение 5
Оффлайн
Проверенные
Сообщений:1716
Награды: 9
Цитата Kosten ()
но так не дурно, что то виде навигаций.

НУ что-то типа того ))
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Обновления div при выборе select
  • Страница 1 из 1
  • 1
Поиск: