HTML二级下拉菜单

HTML二级下拉菜单，也称为嵌套下拉菜单，是指在HTML页面上创建的下拉列表结构中，包含另一个下拉列表的功能。这种菜单通常用于增加导航选项的层次感和复杂度，比如在主菜单中，每个一级菜单项下面可以有多个子菜单项。

创建HTML二级下拉菜单的基本步骤如下：

1. 使用`<select>`标签作为选择框，并设置其`id`属性，如`<select id="dropdownMenu">`。
2. 对于一级菜单，添加`<option>`元素，每个元素代表一个可选项目，例如：`<option value="1">一级菜单项1</option>`。
3. 对于二级菜单，同样使用`<option>`，并将其关联到对应的一级菜单项，通过`<optgroup>`标签包裹，如`<optgroup label="一级菜单项1">...</optgroup>`。
4. 当用户点击一级菜单项时，通过JavaScript、jQuery或其他脚本语言控制二级菜单的显示或隐藏。

以下是一个简单的示例：

<select id="dropdownMenu">
  <option>一级菜单1</option>
  <option>一级菜单2</option>
  <optgroup label="一级菜单1">
    <option>二级菜单1-1</option>
    <option>二级菜单1-2</option>
  </optgroup>
  <optgroup label="一级菜单2">
    <option>二级菜单2-1</option>
    <option>二级菜单2-2</option>
  </optgroup>
</select>