Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> объединение input text и select 
V
    Опции темы
supercelt
Дата 10.2.2013, 16:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: 1
Всего: 1



Есть ли примеры jquery грамотного объединения полей text и select? Что бы можно было как выбрать так и вписать своё значение
PM   Вверх
Arantir
Дата 10.2.2013, 16:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 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
}
PM   Вверх
CruorVult
Дата 11.2.2013, 16:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28



Arantir, ТС скорее всего имел ввиду комбобокс.

http://habrahabr.ru/company/aiken/blog/114927/
PM MAIL Skype   Вверх
Aliance
Дата 11.2.2013, 16:56 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


I ♥ <script>
****


Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137



У меня не сложилось мнения, что нужен функционал комбобокса (исходя из описания задачи), но если он нужен достаточно одной ссылки: Chosen, имхо, он лучший.
PM MAIL WWW ICQ Skype   Вверх
supercelt
Дата 11.2.2013, 17:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: 1
Всего: 1



Оба примера не совсем то. Я видел нечто подобное вконтакте. То есть визуально это input text, но в правой части квадратик со стрелкой как у селекта. В поле можно вводить свой текст, но если нажать по стрелке выпадет список из уже забитых заранее значениях. В принципе да, автокомплит там должен быть. То есть юзер начинает вводить слово, выпадают слова, если нужное есть, то выбираем его, а если его нет, то просто печатаем своё слово
PM   Вверх
Arantir
Дата 11.2.2013, 19:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 14
Всего: 55



supercelt, вот так бы с самого начала и написали...
http://jqueryui.com/autocomplete/#combobox


--------------------
interface Жопа {
    // ATTENTION: has to be implemented by every class of the project for proper project work
}
PM   Вверх
Arantir
Дата 11.2.2013, 20:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Рыбак без удочки
**


Профиль
Группа: Участник
Сообщений: 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
}
PM   Вверх
CruorVult
Дата 12.2.2013, 11:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 868
Регистрация: 24.9.2008
Где: г.Киев, Украина

Репутация: 13
Всего: 28



Цитата(supercelt @  11.2.2013,  17:10 Найти цитируемый пост)
Оба примера не совсем то


как это не то?


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

user posted image

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

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

Такое чувство что ты даже не смотрел то, что тебе посоветовали. 

Это сообщение отредактировал(а) CruorVult - 12.2.2013, 11:22
PM MAIL Skype   Вверх
supercelt
Дата 16.2.2013, 18:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 658
Регистрация: 25.8.2005

Репутация: 1
Всего: 1



Спасибо всем. Все очень помогли
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0739 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.