![]() |
Модераторы: Sardar, Aliance |
![]() ![]() ![]() |
|
supercelt |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 658 Регистрация: 25.8.2005 Репутация: 1 Всего: 1 |
Есть ли примеры jquery грамотного объединения полей text и select? Что бы можно было как выбрать так и вписать своё значение
|
|||
|
||||
Arantir |
|
|||
Рыбак без удочки ![]() ![]() Профиль Группа: Участник Сообщений: 960 Регистрация: 18.11.2012 Репутация: 14 Всего: 55 |
Слишком мелкая задача, чтобы прям примеры были.
Сделайте пункт "Свой вариант", поставьте ивент .change() на select и при выборе этого варианта замените select на input. А обратно на select можно при условии, что поле пустое при потере фокуса (функция .focusout())/ input можно разместить просто под select, но в display: none. Переключение осуществлять через изменение disply этих тегов. Добавлено через 13 минут и 16 секунд Вот, сделал пример: http://jsfiddle.net/cpJz2/2/ -------------------- interface Жопа { // ATTENTION: has to be implemented by every class of the project for proper project work } |
|||
|
||||
CruorVult |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 868 Регистрация: 24.9.2008 Где: г.Киев, Украина Репутация: 13 Всего: 28 |
||||
|
||||
Aliance |
|
|||
![]() I ♥ <script> ![]() ![]() ![]() ![]() Профиль Группа: Модератор Сообщений: 6418 Регистрация: 2.8.2004 Где: spb Репутация: 55 Всего: 137 |
У меня не сложилось мнения, что нужен функционал комбобокса (исходя из описания задачи), но если он нужен достаточно одной ссылки: Chosen, имхо, он лучший.
|
|||
|
||||
supercelt |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 658 Регистрация: 25.8.2005 Репутация: 1 Всего: 1 |
Оба примера не совсем то. Я видел нечто подобное вконтакте. То есть визуально это input text, но в правой части квадратик со стрелкой как у селекта. В поле можно вводить свой текст, но если нажать по стрелке выпадет список из уже забитых заранее значениях. В принципе да, автокомплит там должен быть. То есть юзер начинает вводить слово, выпадают слова, если нужное есть, то выбираем его, а если его нет, то просто печатаем своё слово
|
|||
|
||||
Arantir |
|
|||
Рыбак без удочки ![]() ![]() Профиль Группа: Участник Сообщений: 960 Регистрация: 18.11.2012 Репутация: 14 Всего: 55 |
-------------------- interface Жопа { // ATTENTION: has to be implemented by every class of the project for proper project work } |
|||
|
||||
Arantir |
|
|||
Рыбак без удочки ![]() ![]() Профиль Группа: Участник Сообщений: 960 Регистрация: 18.11.2012 Репутация: 14 Всего: 55 |
P.S.: Если вас смущает сообщение "didn't match any item", то это кастомная часть, ввод собственного значения тоже возможен.
Добавлено через 33 секунды Блин, сообщения не объединились =) -------------------- interface Жопа { // ATTENTION: has to be implemented by every class of the project for proper project work } |
|||
|
||||
CruorVult |
|
||||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 868 Регистрация: 24.9.2008 Где: г.Киев, Украина Репутация: 13 Всего: 28 |
как это не то?
![]() вот и инпут и стрелочка
да, да, да - все именно так и есть Такое чувство что ты даже не смотрел то, что тебе посоветовали. Это сообщение отредактировал(а) CruorVult - 12.2.2013, 11:22 |
||||
|
|||||
supercelt |
|
|||
![]() Опытный ![]() ![]() Профиль Группа: Участник Сообщений: 658 Регистрация: 25.8.2005 Репутация: 1 Всего: 1 |
Спасибо всем. Все очень помогли
|
|||
|
||||
![]() ![]() ![]() |
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию. |
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |