How to use JS to pan the left list to the right

This time I will show you how to use JS to move the left list to the right, and how to use JS to move the left list to the right. What are the precautions?The following is a practical case, let's take a look.

Implementation functions:

1. Add the content of the left drop-down box to the right drop-down box, support multi-select movement, and remove the right drop-down box object at the same time ;

2. Supports moving the upper and lower positions of items in the list;

3. The rendering is as follows:

Html code

 
 
 
 
 

 
 
选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选)，或在选择项上双击进行添加和移除。
 
 
 
 
 
 
 
 
 
 
 
北京 
上海 
山东 
安徽 
重庆 
福建 
甘肃 
广东 
广西 
贵州 
海南 
河北 
黑龙江 
 
 

 

 
 
 
 
 
 
上移 

 
下移 
 
值： 
 
 
 

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to use VUE to extend ElTableColumn in element-ui

How to use JS time-sharing function Performance optimization

The above is the detailed content of How to use JS to pan the left list to the right. For more information, please follow other related articles on the PHP Chinese website!