Demo of dual "transfer" lists in JavaScript

Please use View | Source to inspect how this code works. (This should now work with MSIE 4, MSIE 5, and Netscape 4.7.)

Clicking on an item in either list moves that item to the other list. You can also move the mouse over an item, push the button down, drag the mouse down or up to another item (thus selecting multiple items), and then release the button--all of the selected items will be moved.
Clicking on the << or >> button will move all the items in the direction indicated.
The long <OPTION> with 20 spaces is needed on MSIE 4 to keep the widths of the lists from changing every time the contents are changed. On Netscape Navigator, the widths don't change, but if you don't "reserve" enough space, then added items become unreadable. The Style="width:150" is needed for MSIE 5, which for some idiotic reason ignores the 20 spaces.
Pushing the submit bottom at the bottom of the page takes you to a simple ASP page that shows what you selected on this page. Take a look at the forceSelect JavaScript function (as well as the <FORM...onSubmit="..."> contents) to see how the items in the right-hand list are "force fed" to the next page.