一个 令我惊讶的是,虽然有一种非常有效且简单的方法可以提供一个划分为多个部分的选择列表,这是很少使用。而不是多余的元素通常作为分隔符插入,或者更糟,使用通用标记和复杂的CSS模拟此行为的复杂JavaScript解决方案。

简单的,完全有效且可访问的解决方案是使用元素。它是用来分组的元素

这段代码将产生如下选择列表:

例子

还有一个很大的额外好处,那就是列表中的标签是不可点击的,因此不能被错误地选择。

下次你想创建一个包含section的select列表时,寻找第一。