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

最新推荐文章于 2022-03-24 18:47:36 发布

Byte_Dance

最新推荐文章于 2022-03-24 18:47:36 发布

阅读量736

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/Byte_Dance/article/details/79298156

版权

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

摘要由CSDN通过智能技术生成

使用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>

最低0.47元/天解锁文章

Byte_Dance

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
[封装插件]实现多个下拉菜单select中的option移动操作

使用JS的写法:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;style&gt; #form1{
复制链接

扫一扫

专栏目录