html select两级选项
时间: 2024-08-01 13:00:52 浏览: 117
HTML `select` 元素可以创建下拉列表,用于用户从预定义的选项中选择一项。如果你想要创建包含二级选项的多级菜单,通常的做法是在一个`<select>`标签内嵌套另一个`<select>`标签,形成一个嵌套结构。下面是一个简单的例子:
```html
<select id="parentSelect">
<option value="category1">一级分类</option>
<option value="category2">一级分类2</option>
<!-- 更多的一级分类 -->
<optgroup label="二级分类组1">
<option value="subcat1">二级分类1</option>
<option value="subcat2">二级分类2</option>
</optgroup>
<optgroup label="二级分类组2">
<option value="subcat3">二级分类3</option>
<!-- 更多的二级分类 -->
</optgroup>
</select>
```
在这个示例中,每个`<option>`标签代表一级选项,而`<optgroup>`标签则用来分组相关的二级选项。当用户选择了一级分类后,内部的二级选项才会显示出来。
阅读全文