Move Selected Items from One Multiple Select to Another

Move Selected Items from One Multiple Select to Another

A common task on Web pages is to select a subset of a given set of items. Depending on the page design and concept, you can use checkboxes or multiple select menus.

When using multiple select menus, people often make Javascript arrays to keep the item values and texts for both menus and fill/empty them via these arrays. They don’t need to do this.

The arguments [from] and [to] of the function moveItem are source and destination multiple select menu, respectively.
Variable [j] represents the length of the destination menu and, at thesame time, the index of the next free space for the new item.

Each chosen source selected item can be moved to the destination menu by creating a new destination item based on source item values and destroying the selected item in the source menu.

The key details are menu indexes. If the destination length has changed, the index is increased, and because the source item was deleted, the source index is taken by the next item and should be decreased.

Try the simple demo below. The script is Netscape compatible.


Share the Post:
data observability

Data Observability Explained

Data is the lifeblood of any successful business, as it is the driving force behind critical decision-making, insight generation, and strategic development. However, due to its intricate nature, ensuring the

Heading photo, Metadata.

What is Metadata?

What is metadata? Well, It’s an odd concept to wrap your head around. Metadata is essentially the secondary layer of data that tracks details about the “regular” data. The regular