jquery - 最初のオプションが選択されたときに別の選択を表示する

Question

最初のオプションでオプションを選択したときに、2 番目の選択を表示しようとしています。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>

私が欲しいのは、最初のオプションを選択すると、2番目の選択が表示されますが、表示に問題があります。基本的なことはわかっているのですが、やり方がわかりません。

Answer 1

これを試して：

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