文本框/選擇高級選項

-3

我希望用戶能夠在設置的文本框中輸入文本。如果他們不知道他們的選項，我希望他們能夠點擊展開並從下拉菜單中選擇，例如在this頁面上。文本框/選擇高級選項

我怎樣才能得到這個？

2016-09-18 kiwis

清除語法和表達式。 – Prune

對於HTML唯一的解決方案使用<datalist>：

<input list="somelist" name="myBrowser" /> 
 
<datalist id="somelist"> 
 
    <option value="option1"> 
 
    <option value="option2"> 
 
    <option value="option3"> 
 
</datalist>

對於多一點的定製解決方案，您可以使用jQuery UI的Autocomplete
要獲得更多選項，您可以使用select2

來源

2016-09-18 21:05:57

這將提供自動完成，但我想打開一個窗口，並允許用戶也看到這些選項。 – kiwis

通過單擊文本框的右側可以看到選項。在Chrome中，您也可以看到一個箭頭，儘管我相信它是唯一一個使用側向箭頭實現此元素的瀏覽器。無論如何，我增加了另一個解 –

謝謝。我可以使用2種方法嗎？方法1：在代碼示例中使用DataList，方法2：在文本框的焦點上顯示DIV，並使用JavaScript將文本添加到文本框中，然後在顯示的DIV上單擊它。 – kiwis

文本框/選擇高級選項

回答

相關問題