下拉列表中分类选项的示例？

Question

我正在寻找用作示例的网站，这些网站在下拉列表中使用分类选项。

这些可能看起来像：

水果

• 苹果
• 梨
• 桃
• 瓜

蔬菜

• 芦笋
• 红菜头
• 西兰花

草药

• 罗勒
• 莳萝
• 姜

标题不可点击，只有子选项可点击。

我确定我以前见过网站这样做，但我正在努力寻找一个很好的例子。

有谁知道任何采用这种方法的网站？

Answer 1

这是一个带有分类的简单下拉菜单。

<select>
    <optgroup label="Fruit">
      <option value="apple">Apple</option>
      <option value="pear">Pear</option>
      <option value="peach">Peach</option>
      <option value="melon">Melon</option>
    </optgroup>
    <optgroup label="Vegetables">
      <option value="asparagus">Asparagus</option>
      <option value="beetroot">Beetroot</option>
      <option value="broccoli">Broccoli</option>
    </optgroup>
    <optgroup label="Herbs">
      <option value="basil">Basil</option>
      <option value="dill">Dill</option>
      <option value="ginger">Ginger</option>
    </optgroup>
</select>