用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实现选项内容的左右移动效果

无标题文档 $(document).ready(function (){ //为添加按钮增加事件 $("#leftbtn").click(function (){ ...
  • Oo__YAN
  • Oo__YAN
  • 2012年03月21日 19:32
  • 4158

jquery实现下拉框内容左右移动

每天来看一下。博客写了没人看委屈,还是要坚持继续写下去呀,留着自己看哈 如题,下面先来说一下jquery实现下拉框中的内容左右移动的思路(个人理解) jquery代码(不考虑静态页面)先来...

jQuery实现鼠标划过文字左右移动

  • 2010年12月24日 14:29
  • 39KB
  • 下载

Jquery实现数据左右移动Demo

  • 2014年02月17日 17:16
  • 62KB
  • 下载

jquery实现select多选框的左右移动

无标题文档 /**  *动态的给左边的下拉列表创建选项  *具体情况可以从数据库读取数据动态创建选项  */ $(document).ready(function(){  ...

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

1                 2                 3                 4                 5                 6   ...

jquery实现左右上下移动

最近再做报表时候,直接把全部字段都导出了,但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制,所以就尝试下咯。 js代码 function selected(thiz) { v...

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

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

jQuery(2)---绑定事件实现选项左右移动

效果图如下: 源码如下:   demo03.html --> $(docum...

Jquery特效,左右移动选项卡

以下的jquery代码库点击这里下载 *{ padding:0px; margin:0px;} body{ font-size:12p...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用jquery实现选项内容的左右移动
举报原因:
原因补充:

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