1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | $( function () { function MoveItem(fromId, toId) { $( "#" + fromId + " option:selected" ).each( function () { $( this ).appendTo($( "#" + toId + ":not(:has(option[value=" + $( this ).val() + "]))" )); }); $( "#" + fromId + " option:selected" ).remove(); } //Add按钮 $( "#addUser" ).click( function () { var fromId = "User" ; var toId = "UserSelected" ; MoveItem(fromId, toId); }); //Remove按钮 $( "#removeUser" ).click( function () { var fromId = "UserSelected" ; var toId = "User" ; MoveItem(fromId, toId); }); //双击左边选项 $( '#User' ).dblclick( function () { var toId = "UserSelected" ; var fromId = "User" ; MoveItem(fromId, toId); }); //双击右边选项 $( '#UserSelected' ).dblclick( function () { var fromId = "UserSelected" ; var toId = "User" ; MoveItem(fromId, toId); }); }); |
Jquery操作select,左右移动,双击移动
取到所有option的值
var str = $("#UserSelected option").map(function () { return $(this).val(); }).get().join(",")
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· 什么是nginx的强缓存和协商缓存
· 一文读懂知识蒸馏
· Manus爆火,是硬核还是营销?
2012-11-16 在SQLServer安装Mantis