Вопрос по jquery, html, javascript – Выпадающий список HTML с полем ввода [дубликат]

29

На этот вопрос уже есть ответ здесь:

HTML выберите форму с возможностью ввода пользовательского значения 5 ответов

Как я могу реализовать выпадающее меню стиля выбора в HTML с опцией, которая является вводом текста?

Идея в том, что кто-то может либо выбрать из списка предопределенных опций, либо ввести свой собственный вариант.

search field == input text field Mohammad Adil
@ MohammadAdil Да, но вы знаете, что я имею в виду :) jesal

Ваш Ответ

1   ответ
66

список" атрибут, который ссылается на список значений.

<input type="text" name="city" list="cityname">
<datalist id="cityname">
  <option value="Boston">
  </option><option value="Cambridge">
</option></datalist>

Это создает поле ввода произвольного текста, в котором также есть раскрывающийся список для выбора предопределенных вариантов. Атрибуция например и дополнительная информация:https://www.w3.org/wiki/HTML/Elements/datalist

Datalist делает свое дело, но отображение в некоторых браузерах (chrome для ex) может стать проблематичным. В отличие от выбора элемента, вы не можете стилизовать или даже просто иметь полосу прокрутки, которая является большой проблемой для длинных списков. Vincent Teyssier
во. Теперь я только что узнал что-то новое. Я думаю, что не многие программисты знают этот простой трюк для решения проблемы. Спасибо. user1021364
Есть ли способ открыть окно выбора только одним щелчком мыши. В настоящее время его можно открыть, если дважды щелкнуть поле ввода или щелкнуть стрелку вниз. CraZyDroiD
Это хороший плагин, который делает список данных кроссплатформенным:projects.sergiodinislopes.pt/flexdatalist jesal

Похожие вопросы