Child
Description: This JavaScript code moves form elements from one select box to the other. It allows for multiple items to be moved at once, and all items are sorted alphabetically as they are moved. The items are sorted by their description, not their value, which is helpful when pulling items from a database which have random IDs associated with them.

Note: The function move merely moves the items back and forth. This function alone will not select any of the items to be sent along with the post. In other words nothing will be sent in the form when you submit it unless some items are selected (highlighted) or additional JavaScript code it used. In this page I have added the function selectAll which loops through the righthand box and selects all the items before the form is submitted. This is much more intuitive for the user. The function selectAll is called in the onClick event of the submit button. -Above description by the author.

Example:

Example :

Directions

Step 1: Simply insert the below in the head section of your page:

Directions

Step 2: Then, add the below form into your page: