объединение input text и select

 
0
 
JavaScript
ava
supercelt | 10.02.2013, 17:19
Есть ли примеры jquery грамотного объединения полей text и select? Что бы можно было как выбрать так и вписать своё значение
Ответы (8)
ava
Арантир | 10.02.2013, 16:57 #
Слишком мелкая задача, чтобы прям примеры были.
Сделайте пункт "Свой вариант", поставьте ивент .change() на select и при выборе этого варианта замените select на input. А обратно на select можно при условии, что поле пустое при потере фокуса (функция .focusout())/
input можно разместить просто под select, но в display: none. Переключение осуществлять через изменение disply этих тегов.

Добавлено позднее:
Вот, сделал пример: http://jsfiddle.net/cpJz2/2/
ava
CruorVult | 11.02.2013, 16:15 #
Arantir, ТС скорее всего имел ввиду комбобокс.

http://habrahabr.ru/company/aiken/blog/114927/
ava
Aliance | 11.02.2013, 16:56 #
У меня не сложилось мнения, что нужен функционал комбобокса (исходя из описания задачи), но если он нужен достаточно одной ссылки: Chosen, имхо, он лучший.
ava
supercelt | 11.02.2013, 17:10 #
Оба примера не совсем то. Я видел нечто подобное вконтакте. То есть визуально это input text, но в правой части квадратик со стрелкой как у селекта. В поле можно вводить свой текст, но если нажать по стрелке выпадет список из уже забитых заранее значениях. В принципе да, автокомплит там должен быть. То есть юзер начинает вводить слово, выпадают слова, если нужное есть, то выбираем его, а если его нет, то просто печатаем своё слово
ava
Арантир | 11.02.2013, 19:50 #
supercelt, вот так бы с самого начала и написали...
http://jqueryui.com/autocomplete/#combobox
ava
Арантир | 11.02.2013, 20:40 #
P.S.: Если вас смущает сообщение "didn't match any item", то это кастомная часть, ввод собственного значения тоже возможен.

Добавлено позднее:
Блин, сообщения не объединились =)
ava
CruorVult | 12.02.2013, 11:20 #
Цитата (supercelt @  11.2.2013,  17:10 findReferencedText)
Оба примера не совсем то


как это не то?


Цитата (supercelt @  11.2.2013,  17:10 findReferencedText)
То есть визуально это input text, но в правой части квадратик со стрелкой как у селекта

user posted image

вот и инпут и стрелочка
Цитата (supercelt @  11.2.2013,  17:10 findReferencedText)
В поле можно вводить свой текст, но если нажать по стрелке выпадет список из уже забитых заранее значениях

да, да, да - все именно так и есть

Такое чувство что ты даже не смотрел то, что тебе посоветовали. 
ava
supercelt | 16.02.2013, 18:59 #
Спасибо всем. Все очень помогли
Зарегистрируйтесь или войдите, чтобы написать.
Фирма дня
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Участники
advanced
Отправить