Выпадающие списки с условными данными JS

У меня есть веб-сайт, и я хочу включить 2 выпадающих списка. Значения во втором раскрывающемся списке зависят от первого.

Например, если выбран вариант A в раскрывающемся списке 1, то доступные варианты в раскрывающемся списке 2 будут 1,2,3.

И если выбран вариант 2, то в раскрывающемся списке 2 будут отображаться 5,6,7.

Я пытался использовать JavaScript, чтобы получить результат первого поля в качестве аргумента, а затем использовать «оператор if», чтобы выбрать, какой массив ответов должен использоваться в раскрывающемся списке 2, однако это было безрезультатно.

''' У меня нет разумного кода для показа '''

Из того, что я пробовал, я могу получить индекс первого выбора раскрывающегося списка, однако я не могу получить второе поле, чтобы показать мой массив для этого выбора

javascript html forms drop-down-menu html-select

30.05.2019 10:37

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

255

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

<html>
<body>
<script type = "text/javascript" src = "jquery.min.js"></script>
<select id = "ddl1">
<option selected value = "1">A</option>
<option value = "2">B</option>
</select>
<select id = "ddl2">
<option value = "1">1</option>
<option value = "2">2</option>
<option value = "3">3</option>
</select>
</body>

<script>
$("#ddl1").change(function(){
$('#ddl2 option').remove();
if ($("#ddl1 option:selected").val()==1){
    $('#ddl2').append('<option value = "1">1</option>');
    $('#ddl2').append('<option value = "2">2</option>');
    $('#ddl2').append('<option value = "3">3</option>');
    }
else if ($("#ddl1 option:selected").val()==2){
    $('#ddl2').append('<option value = "5">5</option>');
    $('#ddl2').append('<option value = "6">6</option>');
    $('#ddl2').append('<option value = "7">7</option>');
    }
});
</script>
</html>

30.05.2019 11:47

Другие вопросы по теме

Сохранить форму опции и передать переменную JS

Используя семантический пользовательский интерфейс, вы хотите создать динамическое раскрывающееся меню

Как присвоить значение массива другому типу ввода с помощью jquery

Фоновое изображение должно дать внутреннее пространство div

Как скрыть всю строку текста словами

Как получить данные из mongodb для добавления опции?

Как перезагрузить Div с динамическим временем

Как переопределить минимальную высоту реактивного фонаря в next.js?

Как я могу последовательно реализовать противоречащие классы css в одной функции javascript, чтобы создать эффект постепенного появления/исчезновения на странице?

Скрыть загрузочные div один за другим при получении определенного разрешения (отзывчивого)

Выпадающие списки с условными данными JS

Ответы 1

Другие вопросы по теме

Похожие вопросы