当选择第一个选项时显示另一个选择

我想在第一个选项中选择一个选项时显示第二个选择。我如何使用jQuery来做到这一点？当选择第一个选项时显示另一个选择

这是我的代码：

CSS：

#2nd{visibility: hidden;}  
#a{visibility: hidden;}

HTML：

pls select: 
<select id='1st'> 
     <option id='o1'>1</option> 
     <option id='o2'>2</option> 
     <option id='o3'>3</option> 
     <option id='o4'>4</option> 
</select> 
</br> 
<div id='a'> 
<select id='2nd'> 
     <option>a</option> 
     <option>b</option> 
     <option>c</option> 
     <option>d</option> 
</select></div>

我要的是，当我选择第一个选项1，将显示第二个选择，但我无法显示它。我只知道基础知识，但我不知道如何做到这一点。

来源

2013-09-25 user1868185

如果他们选择第二个选项，或第三个或第四个选项会发生什么？ – Archer

对不起，只是更新它。它应该只显示另一个div或其他东西T_T只是试图找出对不起，只是一个初学jquery – user1868185

请检查我编辑我的答案acc。满足您的要求。您需要设置该分区的可见性或选择以折叠Ist选择的变化。 –

试试这个：

$(document).on('change','#1st',function(){ 
    $('#'+$(this).val()+'nd').show(); 
});

来源

2013-09-25 11:04:47

试试这个

$("#1st").change(function(){ 
    $("#2nd").css('visibility','collapse'); 
});

希望这有助于你。

来源

2013-09-25 11:08:51

当选择第一个选项时显示另一个选择

回答

相关问题