单击选择菜单时显示 div 而不显示下拉 JavaScript

Question

我必须使用 JavaScript 制作自定义下拉菜单。 单击带有选项的选择框下拉菜单时，我需要自定义该菜单的外观。

我的方法是有一个 div，其中包含选项和所需的样式，当用户单击选择菜单时，div 应该出现而不是显示下拉菜单。

我尝试使用onclick()事件，但下拉菜单先出现，然后 div 出现。 这无济于事。

请建议我如何达到这样的要求。

Answer 1

也许你可以隐藏选项？

option { display: none; }

Answer 2

为什么不完全用您自己的 DIV 完全替换？