使用Javascript实现选择下拉菜单互移并排序【jquery】

web前端|js教程使用Javascript实现选择下拉菜单互移并排序【jquery】

js下拉菜单,javascript排序

web前端-js教程

本文给大家介绍使用js实现下拉菜单可选择互相移动并实现菜单排序，代码简单易懂，具有参考价值，先给大家展示下效果图，感觉还很满意请参考本段代码。

webbuilder 源码,ubuntu无法开机恢复,tomcat官网下载源码,spss网络爬虫,php设计时钟,深圳实力强百度seo排名怎么做lzw

代码如下：

德州扑克源码,vscode怎么折叠,ubuntu安装教程博客园,tomcat的请求,sqlite与手机App,discuz百度地图插件,前端框架导致占用带宽,爬虫频率过快的原因,星外 php,seo标题基础,个人网站模版,砍价网页,动易cms 模板路径目录在哪,php视频程序lzw

使用Javascript实现选择下拉菜单互移并排序选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选)，或在选择项上双击进行添加和移除。
windowphp.源码,ubuntu进入c语言,淘宝备注可以爬虫,php emjo,seo搜索热度lzw
北京上海山东安徽重庆福建甘肃广东广西贵州海南河北黑龙江河南湖北湖南内蒙古江苏江西吉林辽宁宁夏青海山西陕西四川天津西藏新疆云南浙江香港澳门台湾其他 >" onclick="moveOption(document.myform.list1, document.myform.list2)">
<input type="button" value="< 
值： function moveOption(e1, e2) {try {for (var i = 0; i < e1.options.length; i++) {var e = e1.options[i];if (e1.options[i].selected&& OptionExists(e2, e.value)) {e2.options.add(new Option(e.text, e.value));e1.remove(i);i = i - 1}}document.myform.city.value = getvalue(document.myform.list2);}catch (e) { }}function getvalue(geto) {var allvalue = "";for (var i = 0; i  0) {obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex - 1))}}else if (index == 1) {if (obj.selectedIndex < obj.options.length - 1) {obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex + 1))}}} //查询是否已经存在function OptionExists(list, optValue) {var find = true;for (i = 0; i < list.options.length; i++) {if (list.options[i].value == optValue) {find = false;break;}}return find;}

关于以上代码实现使用Javascript实现选择下拉菜单互移并排序的相关内容大家还很满意吧，代码有问题欢迎提出，我会及时和大家取得联系的！