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

原创 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>

下拉框内容左右移动效果

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

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

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

jquery 实现左右下拉列表 选项 移动

无标题文档
  • EthanQ
  • EthanQ
  • 2012年04月21日 21:44
  • 2334

JavaScript实现左右下拉框动态增删

选中下拉框中的选项实现左移右移 效果:1. Html部分代码 左1 左2 左3...

左右移动下拉框插件multiselect

  • 2017年05月26日 08:14
  • 67KB
  • 下载

读取并修改元素的内容:选中项左右移动

html: 读取并修改元素的内容 select{width:100px;height:85px;} div{display:inline-block;width:50px} ...

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

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

select下拉框的上下左右移动,多行排序等,很好的代码。大家有用就看看吧。

Select 排序,移动等 .ecv_autoSizeDropDown {     font-family    : "Arial", "Helvetica", "sans-serif"; ...

jQuery实现选项内容的左右移动效果

无标题文档 $(document).ready(function (){ //为添加按钮增加事件 $("#leftbtn").click(function (){ ...
  • Oo__YAN
  • Oo__YAN
  • 2012年03月21日 19:32
  • 4186
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:将左右下拉框中的内容左右移动
举报原因:
原因补充:

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