html - 使用选择选项元素创建弹出菜单

Question

有这个简单的结构：

<select>
  <option>Option1</option>
  <option>Option2</option>
  <option>Option3</option>
  <option>Option4</option>
  <option>Option5</option>
  <option>Option6</option>
  <option>Option7</option>
  <option>Option8</option>
  <option>Option9</option>
</select>

现在，我需要选择 Option3、Option4、Option5 和 Option6 并将它们放在一个带有弹出菜单样式的选项下，如下所示：

因此，正如您从上面看到的，我可以使用列表项来执行此操作，但现有代码正在使用选项元素，我想对结构做最小的更改。当然，如果无法避免，我会选择它，但只是好奇我是否可以对选择/选项做同样的事情。

请指教。

标签： htmlcssdrop-down-menumenu

Answer 1

HTML<select>无法做到这一点。您需要使用呈现其自己的 HTML 元素的菜单库。