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.
0
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:
Share on facebook
Share on twitter
Share on linkedin

Overview

The Latest

technology leadership

Why the World Needs More Technology Leadership

As a fact, technology has touched every single aspect of our lives. And there are some technology giants in today’s world which have been frequently opined to have a strong influence on recent overall technological influence. Moreover, those tech giants have popular technology leaders leading the companies toward achieving greatness.

iOS app development

The Future of iOS App Development: Trends to Watch

When it launched in 2008, the Apple App Store only had 500 apps available. By the first quarter of 2022, the store had about 2.18 million iOS-exclusive apps. Average monthly app releases for the platform reached 34,000 in the first half of 2022, indicating rapid growth in iOS app development.

microsoft careers

Top Careers at Microsoft

Microsoft has gained its position as one of the top companies in the world, and Microsoft careers are flourishing. This multinational company is efficiently developing popular software and computers with other consumer electronics. It is a dream come true for so many people to acquire a high paid, high-prestige job