Я хочу, чтобы пользователи могли вводить текст в текстовое поле, которое я установил. Если они не знают своих опций, я хочу, чтобы они могли нажать , разверните и выберите из выпадающего меню, например, на странице this.Текстовое поле/выберите расширенную опцию
Как я могу это получить?
<datalist>:<input list="somelist" name="myBrowser" />
<datalist id="somelist">
<option value="option1">
<option value="option2">
<option value="option3">
</datalist>Для немного больше пользовательских решений вы можете использовать JQuery UI, Autocomplete
Чтобы получить дополнительные возможности, вы можете использовать select2
Это обеспечит автоматическое завершение, но я хочу открыть окно и позволить пользователю также просмотреть эти параметры. – kiwis
Параметры можно увидеть, щелкнув по правой стороне текстового поля. В Chrome вы также видите стрелку, хотя я считаю ее единственным браузером, который реализовал этот элемент со стороны стрелки. В любом случае я добавил еще одно решение. –
Спасибо. Могу ли я использовать 2 метода. Способ 1. Использовать DataList, как в примере кода, и в методе 2: быть DIV, который отображается в фокусе текстового поля, и использовать JavaScript для добавления текста в текстовое поле, щелкнув его на отображаемом DIV? – kiwis
Очищенная грамматика и выражение. – Prune