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

Question

我正在尝试为我的网页做点什么。基本上我想要的是，当用户从选择菜单中选择一个选项时甚至更好，当选择选项组中的选项时，根据他选择的选项，将出现另一个选择菜单。或者甚至更好，如果有人知道这里，是否有可能让选择菜单表现得像一个多级下拉菜单（当悬停在一个项目时，侧面菜单出现，所以不必显示另一个选择菜单）？ 这是我的代码：

＆＃13;

＆＃13;

$("#select1").change(function() {
  if ($(this).val() == 3) {
    $("#select2").show();
  } else {
    $("#select2").hide();
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="select1" name="optgroups">
  <optgroup label="group1">
    <option value="2">1</option>
  </optgroup>
  <optgroup label="group2">
    <option value="2">2</option>
  </optgroup>
  <optgroup label="group3">
    <option value="3">3</option>
  </optgroup>
</select>
<select id="select2" style="display:none;">
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
</select>

＆＃13;

＆＃13;

＆＃13;

非常感谢任何想出这个的人！