左右互换内容的JS代码

原创 2007年09月26日 14:09:00

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
sortitems = 1;  // Automatically sort items within lists? (1 or 0)

function move(fbox,tbox) {
for(var i=0; i<fbox.options.length; i++) {
if(fbox.options[i].selected && fbox.options[i].value != "") {
var no = new Option();
no.value = fbox.options[i].value;
no.text = fbox.options[i].text;
tbox.options[tbox.options.length] = no;
fbox.options[i].value = "";
fbox.options[i].text = "";
   }
}
BumpUp(fbox);
if (sortitems) SortD(tbox);
}
function BumpUp(box)  {
for(var i=0; i<box.options.length; i++) {
if(box.options[i].value == "")  {
for(var j=i; j<box.options.length-1; j++)  {
box.options[j].value = box.options[j+1].value;
box.options[j].text = box.options[j+1].text;
}
var ln = i;
break;
   }
}
if(ln < box.options.length)  {
box.options.length -= 1;
BumpUp(box);
   }
}

function SortD(box)  {
var temp_opts = new Array();
var temp = new Object();
for(var i=0; i<box.options.length; i++)  {
temp_opts[i] = box.options[i];
}
for(var x=0; x<temp_opts.length-1; x++)  {
for(var y=(x+1); y<temp_opts.length; y++)  {
if(temp_opts[x].text > temp_opts[y].text)  {
temp = temp_opts[x].text;
temp_opts[x].text = temp_opts[y].text;
temp_opts[y].text = temp;
temp = temp_opts[x].value;
temp_opts[x].value = temp_opts[y].value;
temp_opts[y].value = temp;
      }
   }
}
for(var i=0; i<box.options.length; i++)  {
box.options[i].value = temp_opts[i].value;
box.options[i].text = temp_opts[i].text;
   }
}
// End -->
</script>

<form ACTION="" METHOD="POST">
<table border="0">
<tr>
<td><select multiple size="5" name="list1">
<option value="11"> item 1.1 </option>
<option value="12"> item 1.2 </option>
<option value="13"> item 1.3 </option>
</select></td>
<td>
<input type="button" value="   >>   " onclick="move(this.form.list1,this.form.list2)" name="B1"><br>
<input type="button" value="   <<   " onclick="move(this.form.list2,this.form.list1)" name="B2">
</td>
<td><select multiple size="5" name="list2">
<option value="21"> item 2.1 </option>
<option value="22"> item 2.2 </option>
<option value="23"> item 2.3 </option>
</select></td>
</tr>
</table>
</form>
 

js案例-2 左右select栏目内容互换

左右select栏目内容互换
  • u011301203
  • u011301203
  • 2016年09月04日 20:16
  • 594

左右div内容互换(单击左边div里的一项内容,此内容变没,跑到右边div中)

昨天重构页面,发现个小问题,算是电子商务常见的一种效果吧,在网上找了好久没有找到,后来就自己用jQuery写了出来,但是还是有点小问题:单击左边div中的内容,此内容跑到右边div中,但是在单击右边d...
  • ly2983068126
  • ly2983068126
  • 2015年10月20日 09:53
  • 1198

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

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

js实现左右轮播图效果

一般轮播图为左右、上下、3D或者渐变轮播,忙里偷闲写了一个左右轮播,该效果比较常见,但是实用性比较强。 Title *{ padding: 0; ma...
  • qq545698514
  • qq545698514
  • 2016年12月13日 10:39
  • 4326

通过代码完成2个整数内容的交换

通过代码完成2个整数内容的交换 不磨叽了,直接上代码:   package com.hylink.common; public class Swap { /** * @functio...
  • ylchou
  • ylchou
  • 2013年06月30日 16:10
  • 1996

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全

常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全innerHTML: 设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度。 scrollLef...
  • love_xiolan
  • love_xiolan
  • 2017年02月07日 10:58
  • 736

JS实现文字的左右滚动

p{position: absolute;left: 125px; top: 100px;} var tag = 0;//标志,判断对象当前位置是在最左还是最右,注意这里必须设置为全局变...
  • u013173279
  • u013173279
  • 2015年07月29日 18:48
  • 4031

利用ajax实现左右分栏局部刷的思路

利用ajax实现左右分栏局部刷新思路 //左边
  • u013310075
  • u013310075
  • 2014年05月07日 10:40
  • 1464

js案例 移动端左右滑动touch+transform

*{ padding: 0; margin: 0; /*margin-top:100px;*/ } #move{ height: 80px; wid...
  • u011301203
  • u011301203
  • 2016年11月29日 22:44
  • 3530

交换左右子树

#include #include #define MAXSIZE 20typedef struct node{ char data; node * lchild; nod...
  • caoyahong114
  • caoyahong114
  • 2016年07月01日 09:58
  • 190
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:左右互换内容的JS代码
举报原因:
原因补充:

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