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

我必须使用javascript制作一个定制的下拉菜单。单击“选择框”下拉列表并显示选项时，我需要自定义该菜单的外观

我的方法是，当用户单击“选择”菜单时，会出现一个包含选项和所需样式的div，而不是显示下拉列表

我尝试使用onclick（）事件，但之前会出现下拉菜单，然后会出现div。这无助于事业

---

请告诉我如何达到这样的要求。

也许你可以隐藏选项

option { display: none; }

---

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

“使用javascript的自定义下拉菜单”没有提供足够的细节来回答此问题。考虑将HTML输出添加到这个问题中。我需要修改HTML块：一些选择你是否尝试调用？大概是因为不支持JavaScript的浏览器的正确性。如果浏览器不支持JS（请告诉我是哪一种），那么onclick将永远无法工作。屏幕阅读器完全能够读取非基于表单的选择替换，因为相同的内容将出现在HTML中。有类似于链接（基于文本）的浏览器，但更可能的是用户禁用了javascript。此外，使用实际的select标记的优势在于，一些读取页面的程序，无论是搜索引擎蜘蛛、可读性扩展（如Safari reader）还是人们将来设计的其他程序，都知道如何正确格式化页面。例如，屏幕阅读器可以询问用户选择哪个选项。如果没有选择标签，它就不知道用户应该做什么。你说的是LYNX，而不是“链接”。所以，如果你想从1995年开始使用浏览器，你真的希望它能工作吗？任何屏幕阅读器都可以完全读取格式正确、无序的选择列表。你的观点在10年前可能是有效的，但现在不再有效了。我认为我所指的链接是基于LYNX的。然而，这与问题无关。您输入的语义信息越多，未来和向后的兼容性就越强。这就是为什么HTML5有像aside和nav这样的元素。当然，你可以使用大量的div或列表，但如果你更具体一些，设备可以从你的网站中获得更多。在这个特定的上下文中，这意味着扩展可以正确地自动填充表单。这意味着将来使用替代输入方法的某些东西可以正确地完成其工作。这意味着没有javascript的用户可以使用该网站。