jQuery multiselect плагин - asmSelect

2008/7/15 20:23  java script jquery select

Ни одна форма в HTML не вызывает столько затруднений у обычного пользователя, как <select multiple> — если есть необходимость выбрать из выпадающего списка боле одного значения. Что нажать — Ctrl или Shift, и где потом посмотреть выбранное? А как удалить, если выбрал не то?

Плагин jquery-asmselect очень упрощает процедуру выбора нескольких вариантов в списке, визуализируя выбор и облегчая управление:

  • Плагин делает выбор множества вариантов более удобными для пользователей. Пользователи знают, как взаимодействовать с ним без инструкции.
  • Для выбора нескольких элементов нет необходимости нажимать Ctrl или Shift. Вместо этого в форме можно выбрать или удалить элементы в индивидуальном порядке, без риска потерять те, что уже выбраны.
  • Выбранные элементы всегда видны (в пределах своего интерфейса), тогда как элементы списка всегда скрыты (в рамках выпадающего списка <select>).
  • В отличие от обычных списков с опцией <select multiple> , asmSelect позволяет менять порядок выбранных элементов перетаскиванием (эта часть требует jQuery UI).
  • аsmSelect легко встраивается в оригинал кода, так что переписывать код заново не потребуется, только подключить плагин и добавить соответствующие классы и стили.
  • Если у пользователя отключен javascript, он увидит обычный выпадающий список.
  • Если при загрузке страницы элемент <select multiple> будет изменен каким-либо другим jQuery или кодом javascript, изменение будет отражено в asmSelect.

jQuery multiselect plugin

На скриншоте вверху пойман момент удаления выбранного элемента. Также есть возможность настраивать внешний вид по своему вкусу — как обычным выпадающим списком, так и в виде скроллируемого контейнера с чекбоксами, или например в виде двух контейнеров – приемного и передающего.

Нет комментариев, можно написать: