用jquery实现选项内容的左右移动

原创 2012年03月21日 20:37:17
 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>下拉菜单实现左右移动</title>
<script language="javascript" type="text/ecmascript"  src="../include/jquery-1.7.1.min.js">
</script>
<script language="javascript" type="text/javascript">
//使用jquery加载事件
$(document).ready(function(){
 $("#lmove").click(function(){
  $(".left option:selected").appendTo(".right ");
 });
 $("#rmove").click(function(){
   $(".right option:selected").appendTo(".left ");
 });
}); 
</script>
</head>

<body>
<select class="left" size="15">
<option>你是谁1?</option>
<option>你是谁2?</option>
<option>你是谁3?</option>
<option>你是谁4?</option>
<option>你是谁5?</option>
</select>
<input type="button" id="lmove" value=">>" />
<input type="button" id="rmove" value="<<" />
<select class="right" size="15">
<option>我就是我啊a</option>
<option>我就是我啊b</option>
<option>我就是我啊c</option>
<option>我就是我啊d</option>
<option>我就是我啊e</option>

</body>
</html>

jquery实现选项在两个下拉列表之间选择性移动的功能

jquery实现选项在两个下拉列表之间选择性移动的功能 jquery的强大是不言而喻的,你可以发挥自己创意的大脑,编写出各种各样奇妙的效果,下面是两个下拉列表,这里面的选项可以在两者之间通过按钮选择...
  • xiaobozhu
  • xiaobozhu
  • 2015年08月18日 15:27
  • 1830

使用jquery实现上下左右移动效果

1                 2                 3                 4                 5                 6   ...
  • hunannanhu
  • hunannanhu
  • 2015年05月29日 12:13
  • 1021

javascript之选项左右移动

效果: 无标题文档                             选项1           选项2   ...
  • zhixinhuacom
  • zhixinhuacom
  • 2013年12月10日 13:23
  • 764

jquery ul li左右拖动

最近做影视的时候  遇到一个集数分集显示,类似下面的效果【用的jquery iscroll插件】 在手机端预览的时候可以左右拖动集数 效果如下 html: ...
  • u011650048
  • u011650048
  • 2015年07月22日 13:54
  • 1811

jquery 图片左右切换,一长条的显示,点击左右移动。

菜鸟啊,想了一天才写出来
  • sikey_li
  • sikey_li
  • 2014年11月05日 23:10
  • 1708

Jquery 动画效果 左右移动

移动位置的动画 body{fo
  • lishaojun0115
  • lishaojun0115
  • 2016年01月16日 15:33
  • 3195

jQuery_review之jQuery实现左右多选内容交换

在HTML中,通过Select设置multiple=“multiple”设置当前的框为多选框,也就意味着可以同时选择多个内容。在我们的系统中经常可以看到左右两侧的选择,甚至在腾讯的应用中,都有很多类似...
  • ziwen00
  • ziwen00
  • 2014年07月25日 22:04
  • 2316

Select JQuery 实现左右复制移动内容

Select JQuery 实现左右复制移动内容 引入的文件为 双击也可以移动 javascript代码:     $(function(){         //移到右...
  • KJinfei
  • KJinfei
  • 2017年11月13日 13:08
  • 64

基于bootstrap的jQuery左右移动多选框插件 multiselect

用户项目管理
  • u010251897
  • u010251897
  • 2016年10月13日 14:59
  • 6463

jquery实现左右上下移动

最近再做报表时候,直接把全部字段都导出了,但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制,所以就尝试下咯。 js代码 function selected(thiz) { v...
  • u012892431
  • u012892431
  • 2014年07月07日 17:20
  • 1032
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用jquery实现选项内容的左右移动
举报原因:
原因补充:

(最多只允许输入30个字)