Скрытие\отображение нового списка при выборе значения из списка с выбором одного элемента

16.03.2021, 14:40. Показов 527. Ответов 0

Метки html, php, javascript (Все метки)

Студворк — интернет-сервис помощи студентам

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Содержание сайта</title>
 </head>
 <body>
  <p>Vyberte si napoj</p>
  <form action="http://ab-w.net/info.php" method="post" name="drop_down_box">
<select id="menu" size="1">
<option selected="selected" value="none">None</option>
<option value="first">Espresso</option>
<option value="second">Capuccino</option>
<option value="third">Latté</option>
<option value="fourth">Polévka</option>
<option value="fifth">čaj</option>
 
 <div id="cal">
    <option value="cukr">cukr</option>
    <option value="sul">sůl</option>
</div>
 
<style>
  .hidden { display: none; }
</style>
 
<script>
var inputs = document.getElementsById('menu'),
    menu;
 
for (var i = 0; i < inputs.length; i++) {
  var el = inputs[i];
  el.addEventListener('change', function() {
    defineSetting(this.value);
  })
}
 
function defineSetting(menu) {
  if (setting == 'first' || setting == 'second' || setting == 'third' || setting == 'fifth') {
    document.getElementById("cal").classList.add('hidden');
  } else {
    document.getElementById("cal").classList.remove('hidden');
  }
}
</script>
 </body>
</html>

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

16.03.2021, 14:40

Ответы с готовыми решениями:

Скрытие\отображение нового списка при выборе значения из списка
Например при выборе option(1,2,3,5) должен появиться другой список который указывает количество сахара, а при выборе option(4) должен...

Отображение данных в GridView при выборе элемента списка
Есть listBox, при изменении значения в котором должно меняться наполнение GridView (поиск с параметром) Когда выбираю что-то в listBox,...

Отображение данных в подчиненной таблице при выборе из списка значения
Доброго дня! Топчусь на одном месте и ни как не одолею следующую проблему: Есть две таблицы Регион и Объект, связанные один-ко-многим....

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

16.03.2021, 14:40

Помогаю со студенческими работами здесь

При выборе одного значения из списка, поменялось прозрачность картинки
Всем привет, мне нужно, чтобы при выборе id="ss3" поменялось прозрачность одной из картинок. Буду благодарен различной помощи и к...

При выборе одного элемента из выпадающего списка передать управление на текстовое поле
Подскажите пожалуйста, как при выборе одного элемента из выпадающего списка передать управление на текстовое поле? Более конкретно: есть...

Скрытие и отображение tabPage при выборе элемента в comboBox
Подскажите,пожалуйста,у меня есть combobox и соответвующий ему tabcontrol(с тремя вкладками tabpages).Мне необходимо сделать так,чтобы при...

Вставка нового элемента в список, удаление элемента из списка, просмотра содержимого списка
очень нужно:tender: 1. Разработать подпрограммы, реализующие основные операции обработки линейного односвязного списка: вставка нового...

При выборе категории отображение списка
Всем добрый день. Суть проблемы такая Есть выпадающие списки Как можно сделать чтобы при выборе позиции, ниже отображалась таблица...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .

Наверх