[封装插件]实现多个下拉菜单select中的option移动操作

最新推荐文章于 2023-10-07 15:03:47 发布

原创

最新推荐文章于 2023-10-07 15:03:47 发布 · 812 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了如何使用JavaScript和jQuery分别封装实现下拉菜单select中的option元素移动功能，包括从一个select移动到另一个select，以及在同一个select内部的上移和下移操作。

使用JS的写法:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #form1{
            width: 80px;
            height: 150px;
            display:inline;
        }
        #form2{
            width: 80px;
            height: 150px;
            display:inline;
        }
        #select1 {
            width: 80px;
            height: 150px;
        }

        #select2{
            width: 80px;
            height: 150px;
        }
    </style>
</head>
<body>
<form action="" id="form1">
    <select name="" id="select1" size="7" multiple="multiple">
        <option value="苹果">苹果</option>
        <option value="香蕉">香蕉</option>