Интересно, работает ли один метод лучше, чем другой, и есть ли какие-то преимущества или недостатки? В моем сценарии пользователи будут добавлять более 3 стран и редактировать этот список, используя те же функции.

Спецификации взаимодействия

  1. Автоматически предлагать список стран по мере ввода пользователем, и — после выбора — система предоставляет обратную связь, чтобы показать выбор.
  2. Показать список вариантов под полем формы или «облако тегов» в поле формы.

Преимущества/недостатки

  1. Формат списка: упрощает просмотр списка элементов (фиксация одним взглядом, один столбец) и гарантирует, что поле формы всегда имеет одинаковый размер. Однако список может стать большим и сдвинуть другие поля формы вниз по странице.
  2. Облако тегов: объединяет поиск и выбор в одной области. Может быть сложнее найти конкретную страну, когда пользователи добавляют много стран.

Примеры Параметры

3
erik_lev 27 Июн 2016 в 05:44
Будете ли вы на самом деле упорядочивать/сортировать выборки в любом формате? Я думаю, что многократное удаление также проще в формате списка, потому что курсор все время находится в фиксированной позиции.
 – 
Michael Lai
12 Июн 2014 в 09:46
Ну вот в чем вопрос, не так ли?! Я не уверен, что понимаю ваш первоначальный вопрос.
 – 
erik_lev
12 Июн 2014 в 19:49
Я имел в виду, что после того, как вы выбрали элементы из раскрывающегося списка, будут ли они каким-либо образом упорядочены в формате списка или формате облака тегов? Я просто думаю об этом с точки зрения возможности легко просмотреть выбор, если вам нужно удалить или добавить другие элементы.
 – 
Michael Lai
13 Июн 2014 в 02:17
Список будет отражать порядок выбора. Это помогает?
 – 
erik_lev
13 Июн 2014 в 02:46

1 ответ

Лучший ответ

Используя подключаемый модуль jQueryUI с множественным выбором 'Chosen', вы можете убедиться, что поле формы всегда имеет одинаковый размер, а по-прежнему экономит место, так как это раскрывающийся список и общая область поиска/тегов.

Еще более мощный плагин jQuery называется просто 'multiselect', позволяет вам дольше держать интерфейс открытым, отмечая различные параметры. Это потенциально решит все проблемы, упомянутые в отношении большого количества вариантов, а также сэкономит место.

Многие другие можно найти здесь, на сайте плагинов jQuery. Я думаю, что ваше второе решение лучше всего, так как оно не мешает форме, но, возможно, одно из них может уберечь вас от каких-либо конфликтов функций.

1
Garet Claborn 15 Июн 2014 в 06:06
1
Другой очень популярной заменой поля выбора на основе jQuery является «Select2»; select2.github.io У него есть несколько преимуществ по сравнению с Chosen, которые можно прочитать на StackOverflow: < href="http://stackoverflow.com/a/15201975/2082479">stackoverflow.com/a/15201975/2082479
 – 
Ronaldt
27 Июн 2016 в 16:34