Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Выпадающий список в HTML. Отображение данных в зависимости от значения из списка (https://javascript.ru/forum/dom-window/69749-vypadayushhijj-spisok-v-html-otobrazhenie-dannykh-v-zavisimosti-ot-znacheniya-iz-spiska.html)

maxx787 16.07.2017 16:35

Выпадающий список в HTML. Отображение данных в зависимости от значения из списка
 
Вложений: 2
Приветствую! Столкнулся с такой задачей. Нужно, чтобы в Index.html был выпадающий список, при выборе значений которого у меня бы изменялась информация. Например, если в выпадающем списке выбран апельсин, то подгружалась бы его фотка и данные по цене и весу, а если лимон, то соответственно его данные по цене и весу. Подскажите, как можно это реализовать?




рони 16.07.2017 16:45

maxx787,
https://javascript.ru/forum/dom-wind...tml#post458633

maxx787 16.07.2017 17:09

рони,
Спасибо большое! А можно, пожалуйста, пример кода не с диалоговым окном, а в конкретном текстовом поле?
Буду очень признателен!

рони 16.07.2017 17:25

maxx787,
html и css минимальные сделайте
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони 16.07.2017 17:28

maxx787,
селектор, картинка, таблица и всем классы придумайте

новичок 16.07.2017 20:18

похожая ситуация, только не совсем понимаю. Пишу калькулятор, 3 тарифа и у каждого 4 процентых ставки (зависят от срока). Как сделать так, чтобы выводимая информация зависела от двух значений, которые я выбираю (тарифный план и срок)?

рони 16.07.2017 20:26

новичок,
var val = [[1,2,3,4],[5,2,7,8],[9,10,11,12]][select_tarif.value][select_time.value];

j0hnik 16.07.2017 20:45

Если не справишься напиши формулу.

maxx787 16.07.2017 20:48

Сделал https://jsfiddle.net/brqqwwkm/
Переношу результат локально на компьютер и уже не работает..

рони 16.07.2017 20:51

Цитата:

Сообщение от maxx787
Переношу результат локально на компьютер, и уже не работает..

песочница запускает код когда страница готова.
window.addEventListener('DOMContentLoaded', function() {
// здесь ваш код
})


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