如何在Chrome中顯示完整的數據列表下拉列表？

我有一個表格，並在那裏我有一個類型的文本字段，我希望它有一個建議名單，當用戶鍵入的東西在，我做了這樣的：如何在Chrome中顯示完整的數據列表下拉列表？

State: <br> 
<input type="text" name="state" size="35" autocomplete="on" list="states" required> <br><br> 

<datalist id="states"> 
<option value="Baden-Württemberg"> 
..... 
</datalist>

所以在測試瀏覽器我使用的軟件（CoffeeCup HTML編輯器），並在最新的Internet Explorer中，它實際上工作，~~，但當我在Chrome中運行它只是一個簡單的文本框，並沒有下拉列表~~
如果我鍵入任何元素，列表實際上彈出，，但它會很高興有一個完整的列表顯示，就像它在IE中。

我需要做一些特別的鉻？

鉻：

enter image description here

IE：

enter image description here

來源

2013-06-21 Big_Chair

這是一個自動完成列表（不是下拉菜單），所以，據我所知，在Chrome中，您需要按下向下箭頭，或者開始輸入以選項字母開頭的內容。或者我在這裏錯過了什麼？ – shennan

@shennan即使我開始輸入或按向下箭頭，也不會發生任何事情：/ –

您必須在發生任何此功能之前將carret放在文本框中。隨着你給的代碼（添加一個結束''標籤）它對我來說工作得很好。所以請給出完整的代碼，因爲它顯然是阻止它工作的其他東西。 – shennan

在最新版本的Chrome向下三角形圖標顯示在焦點的輸入，讓你看到所有的建議。這是目前在Chrome 42，我沒有檢查舊版本，看看這是什麼時候實施。

Input with datalist suggestions featuring a down arrow icon

注意，沒有在建議列表中沒有滾動。如果它超出了頁面，它將溢出瀏覽器，並且將在屏幕底部繼續下降，直到您鍵入更多字符爲止，沒有達到某些值的方法。

來源

2015-04-21 21:15:01

是否有修復允許滾動？ – madphp

@madphp編號Chrome的datalist支持現在是廢話。它只是在沒有提供滾動條的情況下直接將您的屏幕呈現出來。如果列表太長，它會在Windows上崩潰桌面窗口管理器。它只提供以開頭的結果，而不是包含鍵入的文本。就我而言，它完全無法使用。 Mozilla的行爲正是任何理智的個人所期望的。有幾個關於這些問題的bug報告，但不要屏住呼吸。 –

如何在Chrome中顯示完整的數據列表下拉列表？

回答

相關問題