WebAppers

/ best free open source web resources /

Shopify

Alternate Select Multiple Form Elements

Posted · Category: Forms, GPL License

Alternate Select Multiple (asmSelect) is a progressive enhancement to <select multiple> form elements. It provides a simpler alternative of with the following advantages:

  • Easier for users to understand and interact with than regular <select multiple> form elements. Users know how to interact with it sans instruction.
  • Doesn’t require user to Ctrl-Click or Shift-Click multiple elements. Instead users of your form can add or remove elements individually, without risk of losing those that have already been selected.
  • Selected elements are always visible (within the confines of your interface) while unselected elements are always hidden (within a regular <select>).
  • Unlike regular <select multiple> option elements, those on asmSelect are optionally sortable with drag and drop (this part requires jQuery UI).
  • If a user does not have javascript, then of course the regular <select multiple> form element is used instead.

Alternate Select Multiple Form Elements

Requirements: -
Demo: http://www.ryancramer.com/projects/asmselect/examples/example1.html
License: GPL License

4 Comments
  • Shaun

    Really cool. I can see many uses for this.

  • http://www.iphonegurues.com/ Santiago

    Really cool. We use this in many apps

  • http://- James Bailey

    Way cool! But, how can you select multiple items and move them in a certain direction???

  • http://www.socialcubix.com Facebook Service

    Really cool. I will surely try it on my new apps design. :)

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons