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

时间:2015-01-30 20:48:27

标签: javascript jquery html css

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



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

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

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

0 个答案:

没有答案