onclick輸入元素的打開列表

我有一個INPUT元素與「list」屬性。onclick輸入元素的打開列表

HTML代碼：

<input id="options" list="option" onclick="myExpand();" /> 
<datalist id="option"> 
    <option value="Option A" /> 
    <option value="Option B" /> 
</datalist>

名單隻會打開，如果我點擊右側的箭頭。有沒有辦法用javascript打開「onclick」事件列表？

已嘗試ExpandSelect("option");沒有結果。在此先感謝。

來源

2017-02-28 giangel84

看起來你可以用你當前的代碼做到這一點。點擊正被用於啓用通過鍵盤輸入文字（在點擊後開始輸入，你會看到）。在這一點上打開列表可能會引起混淆（並且可能會使屏幕閱讀器混淆），或者如果用戶知道他們想輸入其他內容，則會對用戶感到煩惱。我沒有看到DOM API中的一個方法，它可以讓你在彈出的窗口中看到，就是<datalist>。

第二次點擊確實顯示您想要的列表。

您可以改爲使用<select>元素。這將打開點擊，但不會讓你輸入其他的東西。你不能使用它的數據專家。

您可以使用其他方案來管理彈出窗口。創建您自己的彈出窗口，您可以點擊。使用一些JavaScript工具包（如JQuery）會更容易。

來源

2017-02-28 20:04:13

謝謝先生。你是對的。通過雙擊設置爲「列表」的輸入元素，下拉菜單顯示正確。它做我需要的工作。 – giangel84

onclick輸入元素的打開列表

回答

相關問題