在不显示下拉菜单的情况下在选择菜单中单击时显示div Javascript

我必须使用JavaScript自定义下拉菜单。点击选择框下拉菜单中出现的选项，我需要自定义该菜单的外观。在不显示下拉菜单的情况下在选择菜单中单击时显示div Javascript

我的方法是使用div中的选项和所需的样式，当用户单击选择菜单div应显示而不是显示下拉菜单。

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

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

来源

2012-06-05 Manish Kumar

“使用javascript自定义下拉菜单”没有提供足够的细节来回答这个问题。考虑将你的HTML输出添加到这个问题。 –

我需要cutomize下面的HTML块： –

你试过打电话https://developer.mozilla.org/en/DOM/event.preventDefault？ – Prusse

也许你可以隐藏选项？

option { display: none; }

来源

2012-06-05 15:04:06

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

来源

2012-06-05 15:07:31

推测是因为不支持JavaScript的浏览器的正确性。它也使机器人和屏幕阅读器等事情更容易。 – gereeter

如果浏览器不支持JS（哪些？！，请告诉！），那么无论如何onclick将永远不会工作。屏幕阅读器完全能够阅读基于非基于表单的SELECT替换，因为相同的内容将出现在HTML中。 –

有一些浏览器喜欢链接（这是基于文本），但更有可能的是，用户已禁用JavaScript。此外，使用实际选择标签的优势在于某些阅读页面的程序，无论是搜索引擎蜘蛛，可读性扩展（如Safari阅读器）还是其他人将来设计的其他程序，都将知道如何格式化它正确。例如，屏幕阅读器可以询问该人选择哪个选项。没有选择标签，它不知道用户应该做什么。 – gereeter

在不显示下拉菜单的情况下在选择菜单中单击时显示div Javascript

回答

相关问题