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

Question

当我在第一个选项中选择了一个选项时，我试图显示第二个选择。我怎么能用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它会显示第二个选择但是我无法显示它。我只知道基础知识，但我不知道该怎么做。

Answer 1

试试这个：

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

Answer 2

试试这个

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

希望这会对你有所帮助。