JS与jQuery如何实现列表框上,移下移,左移,右移操作功能

  介绍

这篇文章给大家分享的是有关JS与jQuery如何实现列表框上,移下移,左移,右移操作功能的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

先来看看Javascript版选择下拉菜单互移且排序操作:

& lt; html>   & lt; head>   & lt;才能title> Javascript版选择下拉菜单互移且排序& lt;/title>   & lt;才能meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=gb2312"比;   & lt;/head>   & lt; body>   & lt;才能p>选定一项或多项然后点击添加或移除(按住转变或ctrl可以多选),或在选择项上双击进行添加和移除灵活;/p>   & lt;才能form 方法=皃ost", name=癿yform"比;   & lt;才能table 边界=?”,宽度=?00“比;   ,,,& lt; tr>   ,,,,,& lt; td 宽度=啊?0%;比;   ,,,,,,,& lt; select , multiple  name=發ist1",大??2“,ondblclick=癿oveOption (document.myform.list1, document.myform.list2)“比;   ,,,,,,,,,& lt; option 价值=https://www.yisu.com/zixun/氨本?北京   <选项值="上海">上海   <选项值="山东">山东> 安徽   <选项值="重庆">重庆   <选项值="福建">福建> 甘肃   <选项值="广东">广东> 广西   <选项值="贵州">贵州   <选项值="海南">海南> <选项值="河北河北> 黑龙江> 河南> 湖北> 湖南> 内蒙古> 江苏   <选项值="江西">江西   <选项值="吉林">吉林> 辽宁   <选项值="宁夏">宁夏> 青海   <选项值="山西">山西   <选项值="陕西">陕西   <选项值="四川">四川   <选项值="天津">天津> 西藏> 新疆   <选项值="云南">云南> 浙江> 香港   <选项值="澳门">澳门   <选项值="台湾">台湾> 其他>   道明> " onclick=" moveOption (document.myform。list1 document.myform.list2)">
  
     道明>   <选择多个名称=坝糜凇贝笮=ondblclick=" moveOption (document.myform“12”。用于document.myform.list1) ">      道明>   <按钮onclick=" changepos(用于1)" type="按钮">   ∧>   <按钮onclick=" changepos(用于1)" type="按钮">   ∨>   表>    0) {   obj.options obj.selectedIndex .swapNode (obj.options (obj。selectedIndex - 1))   }   }   else if(指数==1){   如果(obj。selectedIndex   

运行效果:

 JS与jQuery如何实现列表框上,移下移,左移,右移操作功能

再来看看jQuery版选择下拉菜单互移且排序功能:

& lt; html>   & lt; head>   & lt;才能title> Jquery版选择下拉菜单互移且排序& lt;/title>   & lt;才能meta  http-equiv=癈ontent-Type",内容=皌ext/html;, charset=gb2312"比;   & lt;才能https://www.yisu.com/zixun/script  src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js ">

JS与jQuery如何实现列表框上,移下移,左移,右移操作功能