Раскрывающиеся списки с условными данными JS - PullRequest
Новая
       80

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

0 голосов
/ 30 мая 2019

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

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

А если выбран вариант 2, то в раскрывающемся списке 2 отобразится 5,6,7.

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

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

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

1 Ответ

0 голосов
/ 30 мая 2019 
<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>
...