Question

我有一个网站，我想包含2个下拉框。第二个下拉框中的值取决于第一个。

例如，如果选择下拉菜单1中的选项A，则下拉框2中的可用选项将为1,2,3

如果选择了选项2，则下拉框2将显示5,6,7。

我尝试使用JavaScript接收第一个框的结果作为参数，然后使用“ if语句”来选择下拉框2应该使用的答案数组，但这一直无济于事

'''我没有任何合理的代码来显示'''

从我尝试过的内容中，我可以收到第一个下拉框选项的索引，但是我无法让第二个框显示该选项的数组

Answer 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>

带条件数据JS的下拉列表

1 个答案: