Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   <input> вместо <select> (https://javascript.ru/forum/events/45788-input-vmesto-select.html)

LordSmile 16.03.2014 15:46

<input> вместо <select>
 
Доброго времени!
В проекте нужно реализовать выборку в форме - из одного выпадающего списка выбирается Страна, в зависимости от страны во втором выпадающем списке формируется список Городов этой страны. Изначально хотел просто вставить <select>, но ведь требуемого города может и не быть еще в базе (да и список может быть достаточно велик, чтоб пользователю было его удобно просмотреть). Решил использовать <input> ... тогда пользователь может начать набирать название города, а в выпадающем списке асинхронно будет формироваться по поиску список...но даже если такого города и нет в базе все равно можно передать новое значение из <input>.
...и вот на этом этапе меня замкнуло...наверное я зациклился на применении <select>...никак не могу сообразить как нормально сделать красиво выпадающий список из <input> на, допустим, "onmousedown", и как потом из этoго списка вставить значение в <input>:blink: :cray:
...как пример - https://vk.com/search?c[section]=people ...именно то что мне и нужно сделать....но в их скриптах разобраться не могу:blink:
...подскажите, пожалуйста, с чего хоть начать?:(
Заранее огромное спасибо!

Octane 16.03.2014 16:15

Кастомных селектов, позволяющих вводить данные, миллион, вот первое что попалось в поиске http://brianreavis.github.io/selectize.js/
http://habrahabr.ru/company/aiken/blog/114927/

BETEPAH 16.03.2014 16:35

Цитата:

Сообщение от LordSmile
подскажите, пожалуйста, с чего хоть начать

с гугления "autocomplete"


Часовой пояс GMT +3, время: 02:36.