| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: Общие вопросы > объединение input text и select |
| Автор: supercelt 10.2.2013, 16:19 |
| Есть ли примеры jquery грамотного объединения полей text и select? Что бы можно было как выбрать так и вписать своё значение |
| Автор: Arantir 10.2.2013, 16:57 |
| Слишком мелкая задача, чтобы прям примеры были. Сделайте пункт "Свой вариант", поставьте ивент .change() на select и при выборе этого варианта замените select на input. А обратно на select можно при условии, что поле пустое при потере фокуса (функция .focusout())/ input можно разместить просто под select, но в display: none. Переключение осуществлять через изменение disply этих тегов. Добавлено через 13 минут и 16 секунд Вот, сделал пример: http://jsfiddle.net/cpJz2/2/ |
| Автор: CruorVult 11.2.2013, 16:15 |
| Arantir, ТС скорее всего имел ввиду комбобокс. http://habrahabr.ru/company/aiken/blog/114927/ |
| Автор: Aliance 11.2.2013, 16:56 |
| У меня не сложилось мнения, что нужен функционал комбобокса (исходя из описания задачи), но если он нужен достаточно одной ссылки: http://harvesthq.github.com/chosen/, имхо, он лучший. |
| Автор: supercelt 11.2.2013, 17:10 |
| Оба примера не совсем то. Я видел нечто подобное вконтакте. То есть визуально это input text, но в правой части квадратик со стрелкой как у селекта. В поле можно вводить свой текст, но если нажать по стрелке выпадет список из уже забитых заранее значениях. В принципе да, автокомплит там должен быть. То есть юзер начинает вводить слово, выпадают слова, если нужное есть, то выбираем его, а если его нет, то просто печатаем своё слово |
| Автор: Arantir 11.2.2013, 19:50 |
| supercelt, вот так бы с самого начала и написали... http://jqueryui.com/autocomplete/#combobox |
| Автор: Arantir 11.2.2013, 20:40 |
| P.S.: Если вас смущает сообщение "didn't match any item", то это кастомная часть, ввод собственного значения тоже возможен. Добавлено через 33 секунды Блин, сообщения не объединились =) |
| Автор: CruorVult 12.2.2013, 11:20 | ||||||
как это не то?
 вот и инпут и стрелочка
да, да, да - все именно так и есть Такое чувство что ты даже не смотрел то, что тебе посоветовали. |
| Автор: supercelt 16.2.2013, 18:59 |
| Спасибо всем. Все очень помогли |
