两个多选框(select)之间值的左右上下移动
<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>两个多选框(select)之间值的左右上下移动</title>
</head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script><script type="text/javascript">$(function () {$("#s1 option:first,#s2 option:first").attr("selected", true);$("#s1").dblclick(function () {var alloptions = $("#s1 option");var so = $("#s1 option:selected");if (so === null || so == "undefined") {return;}try {var a = (so.get(so.length - 1).index == alloptions.length - 1) ? so.prev().attr("selected", true) : so.next().attr("selected", true);} catch (e) {return;}$("#s2").append(so);});$("#s2").dblclick(function () {var alloptions = $("#s2 option");var so = $("#s2 option:selected");if (so === null || so == "undefined") {return;}try {var a = (so.get(so.length - 1).index == alloptions.length - 1) ? so.prev().attr("selected", true) : so.next().attr("selected", true);} catch (e) {return;}$("#s1").append(so);});$("#add").click(function () {var alloptions = $("#s1 option");var so = $("#s1 option:selected");var a = (so.get(so.length - 1).index == alloptions.length - 1) ? so.prev().attr("selected", true) : so.next().attr("selected", true);$("#s2").append(so);});$("#remove").click(function () {var alloptions = $("#s2 option");var so = $("#s2 option:selected");var a = (so.get(so.length - 1).index == alloptions.length - 1) ? so.prev().attr("selected", true) : so.next().attr("selected", true);$("#s1").append(so);});$("#addall").click(function () {$("#s2").append($("#s1 option").attr("selected", true));});$("#removeall").click(function () {$("#s1").append($("#s2 option").attr("selected", true));});$("#s1up").click(function () {var so = $("#s1 option:selected");if (so.get(0).index !== 0) {so.each(function () {$(this).prev().before($(this));});}});$("#s1down").click(function () {var alloptions = $("#s1 option");var so = $("#s1 option:selected");if (so.get(so.length - 1).index != alloptions.length - 1) {for (i = so.length - 1; i >= 0; i = 1 - 1) {var item = $(so.get(i));item.insertAfter(item.next());}}});$("#s2up").click(function () {var so = $("#s2 option:selected");if (so.get(0).index !== 0) {so.each(function () {$(this).prev().before($(this));});}});$("#s2down").click(function () {var alloptions = $("#s2 option");var so = $("#s2 option:selected");if (so.get(so.length - 1).index != alloptions.length - 1) {for (i = so.length - 1; i >= 0; i--) {var item = $(so.get(i));item.insertAfter(item.next());}}});});</script><table width="600" border="0" cellpadding="0" cellspacing="0"><tr><td width="100"><select name="s1" size="10" multiple="multiple" id="s1" style=" width:200px" ,style="height:300px;"><option value="opt01">option01</option><option value="opt02">option02</option><option value="opt03">option03</option><option value="opt04">option04</option><option value="opt05">option05</option><option value="opt06">option06</option><option value="opt07">option07</option><option value="opt08">option08</option><option value="opt09">option09</option><option value="opt10">option10</option></select></td><td width="37" align="center"><input type="button" name="addall" id="addall" value=">|"/><br/><input type="button" name="add" id="add" value=">>"/><br/><input type="button" name="remove" id="remove" value="<<"/><br/><input type="button" name="removeall" id="removeall" value="|<"/></td><td width="100"><select name="s2" size="10" multiple="multiple" id="s2" style=" width:200px height: 300px;"></select></td></tr>
</table></html>
相关文章：
两个多选框(select)之间值的左右上下移动
<!DOCTYPE html> <html> <head><meta charset"utf-8"><title>两个多选框(select)之间值的左右上下移动</title> </head> <script src"https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>&…...
【设计模式】——模板模式
什么是模板模式？ 模板方法模式（Template Method Pattern），又叫模板模式(Template Pattern)，在一个抽象类公开定义了执行它的方法的模板。它的子类可以按需要重写方法实现，但调用将以抽象类中定义的方式进行…...
工业机器视觉系统开发流程简介
需求分析和系统设计：与用户合作，明确系统的功能和性能需求，并设计系统的整体架构。 软、硬件选型：根据需求分析结果，选择适合的软、硬件设备，包括光学传感器、相机、光源、图像采集设备、处理器等。 软件…...
【Unity3D】Renderer Feature简介
1 3D 项目迁移到 URP 项目后出现的问题 3D 项目迁移至 URP 项目后，会出现很多渲染问题，如：材质显示异常、GL 渲染不显示、多 Pass 渲染异常、屏幕后处理异常等问题。下面将针对这些问题给出一些简单的解决方案。 URP 官方教程和 API 详见→Un…...
麻了！包含中科院TOP，共16本期刊被标记为“On Hold”状态！
近日，小编从科睿唯安旗下的“Master Journal List”官网查到，除了知名老牌期刊Chemosphere竟然被标记为“On Hold”状态，目前共有7本SCI期刊，1本SSCI期刊，8本ESCI期刊被标记为“On Hold”，究竟是怎么回事呢…...
2.Flink应用
2.1 数据流 DataStream：DataStream是Flink数据流的核心抽象，其上定义了对数据流的一系列操作DataStreamSource：DataStreamSource 是 DataStream 的 起 点 ， DataStreamSource 在StreamExecutionEnvironment 中 创 建 ，…...
Matlab进阶绘图第25期—三维密度散点图
三维密度散点图本质上是一种特征渲染的三维散点图，其颜色表示某一点所在区域的密度信息。 除了作图，三维密度散点图绘制的关键还在于密度的计算。 当然，不管是作图还是密度的计算，这些在《Matlab论文插图绘制模板》和《Matlab点…...
C++设计模式之桥接设计模式
文章目录 C桥接设计模式什么是桥接设计模式该模式有什么优缺点优点缺点 如何使用 C桥接设计模式 什么是桥接设计模式 桥接设计模式是一种结构型设计模式，它可以将抽象接口和实现分离开来，以便它们可以独立地变化和扩展。 该模式有什么优缺点 优点 灵…...
论文笔记：SUPERVISED CONTRASTIVE REGRESSION
2022arxiv的论文，没有中，但一作是P大图班本MIT博，可信度应该还是可以的 0 摘要 深度回归模型通常以端到端的方式进行学习，不明确尝试学习具有回归意识的表示。 它们的表示往往是分散的，未能捕捉回归任务的连续性质。…...
Java 多线程并发 CAS 技术详解
一、CAS概念和应用背景 CAS的作用和用途 CAS（Compare and Swap）是一种并发编程中常用的技术，用于解决多线程环境下的并发访问问题。CAS操作是一种原子操作，它可以提供线程安全性，避免了使用传统锁机制所带来的性能开…...
如何压缩高清PDF文件大小？将PDF文件压缩到最小的三个方法
PDF格式是一种非常常用的文档格式，但是有时候我们需要将PDF文件压缩为更小的大小以便于传输和存储。在本文中，我们将介绍三种PDF压缩的方法，包括在线PDF压缩、利用软件PDF压缩以及使用WPS缩小pdf。 首先，在线PDF压缩是最常用的方…...
04 统计语言模型（n元语言模型）
博客配套视频链接: https://space.bilibili.com/383551518?spm_id_from=333.1007.0.0 b 站直接看 配套 github 链接：https://github.com/nickchen121/Pre-training-language-model 配套博客链接：https://www.cnblogs.com/nickchen121/p/15105048.html 预训练 预先训练 我们…...
Linux各目录详解
Linux文件系统是一个树状结构，由多个目录（或文件夹）组成。以下是常见的Linux目录及其功能的详细解释： /（根目录）：在Linux文件系统中，所有其他目录和文件都是从根目录派生的。所有的存…...
【css】属性选择器分类
属性选择器类型示例说明[attribute][target]选择带有 target 属性的所有元素[attributevalue][target_blank]选择带有 target“_blank” 属性的所有元素[attribute~value][title~flower]选择带有包含 “flower” 一词的 title 属性的所有元素[attribute|value][lang|en]选择带有…...
备份容灾哪家好怎么样
数字化时代，数据安全是我们不容忽视的问题。云呐容灾备份系统不仅提供了强大的数据保护功能，而且操作简单，使用方便。无论你是企业管理员，还是个人用户，都可以轻松上手。它还提供了丰富的报告和监控功能，让…...
【前端实习生备战秋招】—HTML 和 CSS面试题总结（三）
【前端实习生备战秋招】—HTML 和 CSS面试题总结（三） 1.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ CSS 规范规定，每个元素都有 display 属性，确定该元素的类型，每个元素…...
Ansible Rsync 使用Ansible Rsync模块进行文件传输
在Ansible自动化工具中，Rsync模块（Rsync Module）是一个强大的组件，用于在Ansible控制节点和目标主机之间进行文件传输和同步。本文将深入探讨Ansible Rsync模块，了解它如何成为自动化任务中高效同步的自动化利器。 Ans…...
Eclipse如何自动添加作者、日期等注释
一、创建类时自动添加注释 1、Window->Preferences 2、Java->Code Syle->Code Templates->Code->New Java files->Edit->要添加的注释->Apply 二、选中要添加的类或者方法通过AltShiftJ快捷键添加 1、Window->Preferences 2、Java->Code Syle…...
uniapp返回
// 监听返回事件onNavigationBarButtonTap() {uni.showModal({title: 提示,content: 确定要返回吗？,success: (res) > {if (res.confirm) {uni.navigateBack({delta: 2})}}})},...
【Antd】antd form表单的rules文案无法跟随状态重渲染的原因及解决办法
问题背景 我有两个表单项，当我选择出库类型，调用onChange改变inOutType 状态，这时候发现这句代码不生效： rules{[{ required: true, message: 请选择${inOutType 1 ? 持有人 : 负责人} }]}示例代码 <TypographyForm.Group…...
未来机器人的大脑：如何用神经网络模拟器实现更智能的决策？
编辑：陈萍萍的公主一点人工一点智能 未来机器人的大脑：如何用神经网络模拟器实现更智能的决策？RWM通过双自回归机制有效解决了复合误差、部分可观测性和随机动力学等关键挑战，在不依赖领域特定归纳偏见的条件下实现了卓越的预测准…...
【Redis技术进阶之路】「原理分析系列开篇」分析客户端和服务端网络诵信交互实现（服务端执行命令请求的过程 - 初始化服务器）
服务端执行命令请求的过程 【专栏简介】【技术大纲】【专栏目标】【目标人群】1. Redis爱好者与社区成员2. 后端开发和系统架构师3. 计算机专业的本科生及研究生 初始化服务器1. 初始化服务器状态结构初始化RedisServer变量 2. 加载相关系统配置和用户配置参数定制化配置参数案…...
C++.OpenGL （10/64）基础光照（Basic Lighting）
基础光照（Basic Lighting） 冯氏光照模型（Phong Lighting Model） #mermaid-svg-GLdskXwWINxNGHso {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-GLdskXwWINxNGHso .error-icon{fill:#552222;}#mermaid-svg-GLd…...
聊一聊接口测试的意义有哪些？
目录 一、隔离性 & 早期测试 二、保障系统集成质量 三、验证业务逻辑的核心层 四、提升测试效率与覆盖度 五、系统稳定性的守护者 六、驱动团队协作与契约管理 七、性能与扩展性的前置评估 八、持续交付的核心支撑 接口测试的意义可以从四个维度展开，首…...
selenium学习实战【Python爬虫】
selenium学习实战【Python爬虫】 文章目录 selenium学习实战【Python爬虫】一、声明二、学习目标三、安装依赖3.1 安装selenium库3.2 安装浏览器驱动3.2.1 查看Edge版本3.2.2 驱动安装 四、代码讲解4.1 配置浏览器4.2 加载更多4.3 寻找内容4.4 完整代码 五、报告文件爬取5.1 提…...
蓝桥杯3498 01串的熵
问题描述 对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798， 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...
深度学习习题2
1.如果增加神经网络的宽度，精确度会增加到一个特定阈值后，便开始降低。造成这一现象的可能原因是什么？ A、即使增加卷积核的数量，只有少部分的核会被用作预测 B、当卷积核数量增加时，神经网络的预测能力会降低 C、当卷…...
基于stm32F10x 系列微控制器的智能电子琴（附完整项目源码、详细接线及讲解视频）
注：文章末尾网盘链接中自取成品使用演示视频、项目源码、项目文档 所用硬件：STM32F103C8T6、无源蜂鸣器、44矩阵键盘、flash存储模块、OLED显示屏、RGB三色灯、面包板、杜邦线、usb转ttl串口 stm32f103c8t6 面包板 …...
算法刷题-回溯
今天给大家分享的还是一道关于dfs回溯的问题，对于这类问题大家还是要多刷和总结，总体难度还是偏大。 对于回溯问题有几个关键点： 1.首先对于这类回溯可以节点可以随机选择的问题，要做mian函数中循环调用dfs（i&#x…...
python读取SQLite表个并生成pdf文件
代码用于创建含50列的SQLite数据库并插入500行随机浮点数据，随后读取数据，通过ReportLab生成横向PDF表格，包含格式化（两位小数）及表头、网格线等美观样式。 # 导入所需库 import sqlite3 # 用于操作…...