将左右下拉框中的内容左右移动

原创 2012年03月21日 19:15:43
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>基本选择器学习</title>
<script language="javascript" type="text/javascript" src="../jquery/jquery-1.7.1.min.js"></script>


</head>
<style>

</style>
<script language="javascript" type="text/javascript" >
//使用jquery加载事件
//$("select option:selected") :匹配所有选中的option元素
//把所有匹配的元素追加到另一个指定的元素元素集合中。


$(document).ready(function(){
$("#lmove").click(function(){
$(".left option:selected").appendTo(".right ");
});
$("#rmove").click(function(){
$(".right option:selected").appendTo(".left ");
});


    
});
</script>


<body>
 <select class="left" size="10">
     <option >我要过去</option>
      <option>我要过去</option>
       <option>我要过去</option>
        <option>我要过去</option>
  </select>
 <input type="button"  id="lmove" value=">>" />
 <input type="button"   id="rmove" value="<<" />
  <select class="right" size="10">  
     <option>我要过来</option>
      <option>我要过来</option>
       <option>我要过来</option>
        <option>我要过来</option>
  </select>
</body>
</html>

JS之下拉列表左右移动

JS之下拉列表左右移动
  • netuser1937
  • netuser1937
  • 2017年02月07日 15:57
  • 221

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

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

下拉框内容左右移动效果

选择下拉菜单 选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选),或在选择项上双击进行添加和移除。 北京 上海 山东 安徽 重庆 福建 甘肃 广东 广西 贵州 ...
  • Awei922
  • Awei922
  • 2013年12月24日 22:31
  • 597

超级简单实现内容的左右移动js+jquery+html

无标题文档 #one ,#three{ border:1px dashed #999; width:100px; height:300px; position:relative; ...
  • php_jiang
  • php_jiang
  • 2012年03月21日 21:38
  • 2160

jQuery插件实现select下拉框左右选择_交换内容

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
  • mei1051020685
  • mei1051020685
  • 2014年11月27日 17:41
  • 639

jquery实现select框内容的左右移动【经典】

select选框 #div1{ position:relative; margin-right:10px; float:left; } $(...
  • php_897721669
  • php_897721669
  • 2012年03月22日 08:55
  • 3865

支持table的td左右移动(支持绝大多数浏览器),建议配合tableoverflow一起用

1:table 添加id=“listViewTable” 2:js function changeTdWidth(){     var tTD; // 用来存储当前更改宽度的Table Ce...
  • tz_gx
  • tz_gx
  • 2014年03月05日 10:45
  • 1250

js文字内容左右移动事件

js文字内容左右移动事件
  • qq_29362889
  • qq_29362889
  • 2016年12月13日 11:39
  • 851

左右列表选择数据移动

css样式
  • wellway
  • wellway
  • 2015年09月06日 11:22
  • 715

实现图片左右移动

js引入 HTML代码: css代码: *{margin:0;padding:0;list-style...
  • u014189045
  • u014189045
  • 2015年12月10日 15:49
  • 606
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:将左右下拉框中的内容左右移动
举报原因:
原因补充:

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