select列表内容交换的js实现代码
function move(formObj,toObj){
if(formObj.selectedIndex != -1){
toObj.add(new Option(formObj.options[formObj.selectedIndex].text,formObj.options[formObj.selectedIndex].value));
formObj.remove(formObj.selectedIndex);
//var index = formObj.selectedIndex;
}
}
item1 item2 item3 item4 item5 |
>" onclick="move(this.form.left,this.form.right)"/> |
test1 test2 test3 test4 test5 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
js 使用form表单select类实现级联菜单效果
用例如下: 复制代码 代码如下: <form name="form1" method="POST" action="--WEBBOT-SELF--"> <select id="select1" onchange="select1onchange()"> <option value="1">1</option> <option valu
-
js模拟select下拉菜单控件的代码
复制代码 代码如下: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <meta charset=utf-8 /> <title>js模拟select</title> </head> <style> *{ marg
-
css+js实现select列表横向排列效果代码
请选择ABCDEFGHI_select横排效果_我们 *{font-size:12px;} A.s_l { BORDER: #dddddd 1px solid;BORDER-right: #dddddd 0px solid; BACKGROUND: #ffffff;PADDING: 4px 6px 2px 6px; TEXT-DECORATION: none;line-height:12px } A.s_l:hover { BORDER: #003366 1px solid;BORDER-rig
-
js实现带有介绍的Select列表菜单实例
本文实例讲述了js实现带有介绍的Select列表菜单.分享给大家供大家参考.具体如下: 带有介绍的Select列表菜单特效代码,并不是导航菜单,这是表单中常用的下拉列表菜单,里面定义的菜单名称和链接都可以自己修改,不同的是添加了一个说明功能,鼠标点击列表中内容的时候,会浮动出本条内容的介绍,另外文本框内的内容也会跟着改变. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-info-select-menu-codes/ 具体代码如下: <ht
-
使用js实现一个可编辑的select下拉列表
复制代码 代码如下: <select id="name" name="name" onkeydown="clearSelect(this,event);" onkeypress="writeSelect(this,event);" style="width:70px;"> <option value=""></option> <option va
-
js自动查找select下拉的菜单并选择(示例代码)
复制代码 代码如下: function find_select(name){ var select = document.getElementsByName(name); var find_str = document.getElementById('to_find_str').value; if(select) { select = select[0]; var child = select.childNodes; var can=false,text='',len=child.leng
-
js select多选列表传值代码
js select /*移除左边选中的列表项到右边*/ function fMoveSelectedOptionsLeftToRight(oLeft,oRight) { if(!(oLeft&&oRight)) { return; } if(!hasOptions(oLeft)) { return; } if(oLeft.selectedIndex==-1) { oLeft.selectedIndex=0; } for(var i=0;i0) { oSelect.remove(ops.le
-
js Select下拉列表框进行多选、移除、交换内容的具体实现方法
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><span class='wp_keywordlink_affiliate'><a href="tag/html" title="查看 html
-
js实现Select列表各项上移和下移的方法
本文实例讲述了js实现Select列表各项上移和下移的方法.分享给大家供大家参考.具体如下: 这里介绍Select列表各项上移和下移的Js代码,可以手功排序,以前我们都见到过的,从事WEB编程的朋友经常会用得到. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-move-up-down-codes/ 具体代码如下: <html> <head> <title>Select列表各项上移和下移</t
-
select列表内容交换的js实现代码
function move(formObj,toObj){ if(formObj.selectedIndex != -1){ toObj.add(new Option(formObj.options[formObj.selectedIndex].text,formObj.options[formObj.selectedIndex].value)); formObj.remove(formObj.selectedIndex); //var index = formObj.selectedIndex
-
js实现Select列表内容自动滚动效果代码
本文实例讲述了js实现Select列表内容自动滚动效果.分享给大家供大家参考.具体如下: 这里演示的Select列表内容自动滚动效果,文字可自动滚屏,当网页加载完毕后,Select中的内容会一个接一个向上滚动,当然,滚动的参数和速度是可以调节的.或许你会用得上. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-select-font-scroll-codes/ 具体代码如下: <html> <head> <title&g
-
javascript select列表内容按字母倒序排序与按列表倒序排列
今天51js上有网友贴出了这个问题,原本以为是把内容按字母顺序倒序排列,因为以前看过一篇正序排列的文章,偶就想倒序也应该不难,查看了下资料便很快搞定了问题. 无忧脚本代码测试网页 b e c f a function st(a,b){ if(a>b) return -1; else if(a0){ t1[t1.length]=tt[0].text; t2[t2.length]=tt[0].value; tt.remove(0); } t1.sort(st); for(var i=0,c1,c2;
-
JS动态的把左边列表添加到右边的实现代码(可上下移动)
废话不多说了,直接给大家贴代码了,具体代码如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <tit
-
js复制内容到剪贴板代码,js复制代码的简单实例
如下所示: <script type="text/JavaScript"> function jsCopy(){ var e=document.getElementById("contents");//对象是contents e.select(); //选择对象 document.execCommand("Copy"); //执行浏览器复制命令 } </script> <textarea id="conte
-
基于jquery实现select选择框内容左右移动添加删除代码分享
本文实例讲述了select选择框内容左右移动添加删除.分享给大家供大家参考.具体如下: select选择框内容左右移动添加删除代码基于jquery-1.8.3.min.js实现,简单实用,选中选项内容,点击移动按钮可进行内容左右移动,双击option内容也可左右移动,支持单选移动.多选移动和一键全部移动! 运行效果图: ----------------------查看效果----------------------- 小提示:浏览
-
原生JS实现列表内容自动向上滚动效果
效果展示 (鼠标移入,滚动停止:鼠标移出,滚动继续) 实现原理 1. html结构:核心是ul > li,ul外层包裹着div.因为想要内容循环滚动无缝衔接,所以在原有ul后面还要有一个一样内容的ul.如下图: (红色边框为可视区域div,此处为了方便查看效果去除overflow:hidden:) 2. 样式方面:由于要滚动,所以必须2个ul的高度 > 外层可视div高度,且div必须设置overflow:hidden; 代码实现 HTML: <div id="revie
-
jquery制作select列表双向选择示例代码
jquery制作的select列表双向选择,兼容性肯定是不错的,需要的朋友可以学习下 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"&
随机推荐
- Go语言eclipse环境搭建图文教程
- Linux系统下实现远程连接MySQL数据库的方法教程
- 批处理(ftp)上传文件到服务器的代码
- 实用:IE浏览器精典技巧两则
- 简单分析SCVVHSOT.exe病毒
- 关闭Apache的目录浏览功能的方法
- centos 6.5下修改SSH端口及禁用root远程登录的方法
- JMagick实现基本图像处理的类实例
- java servlet手机app访问接口(一)数据加密传输验证
- 关于IE7 IE8弹出窗口顶上
- Python实现队列的方法
- c病毒程序原理分析(防范病毒 c语言小病毒示例)
- Java 实现汉字转换为拼音的实例
- MySQL安全配置向导mysql_secure_installation详解
- javascript学习笔记(五) Array 数组类型介绍
- 详解Python中映射类型(字典)操作符的概念和使用
- 关于若干数据库数据插入性能的对比分析
- MySQL多层级结构-区域表使用树详解
- jQuery基础知识点总结(必看)
- [JS源码]超长文章自动分页(客户端版)