在不顯示下拉菜單的情況下在選擇菜單中單擊時顯示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

回答

相關問題