<!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=gb2312" />
<title>Untitled Document</title>

<script language="javascript">
function addItem(objForm)
{
var valueAry=new Array();
var textAry=new Array();
var leftElement=objForm.elements["left"];
var rightElement=objForm.elements["right"];
var count=0;
var i,j,k,flag;
for(i=0;i<leftElement.options.length;i++)
{
if(leftElement.options[i].selected)
{valueAry[count]=leftElement.options[i].value;
textAry[count]=leftElement.options[i].text;
count++;
}
}
var count1=rightElement.options.length;
count1=count1>0?count1:0;
for(j=0;j<count;j++)
{
flag=false;
for(k=0;k<count1;k++)
{
if(rightElement.options[k].text==textAry[j])
flag=true;
}
if(!flag)
{
rightElement.options[count1]=new Option(textAry[j],valueAry[j]);
count1++;
}
}
}
function subItem(objForm)
{
var i;
var objElement=objForm.elements["right"];
for(i=objElement.options.length-1;i>=0;i--)
{
if(objElement.options[i].selected)
objElement.options[i]=null;
}
}
function addAllItem(objForm)
{
var i;
var leftElement=objForm.elements["left"];
for(i=0;i<leftElement.options.length;i++)
{
leftElement.options[i].selected=true;
}
addItem(objForm);
}
function subAllItem(objForm)
{
var i;
var rightElement=objForm.elements["right"];
for(i=0;i<rightElement.options.length;i++)
rightElement.options[i].selected=true;
subItem(objForm);
}
</script>

</head>

<body>

<table width="200" cellpadding="0" cellspacing="0" border="0">
<form>
<tr>
<td width="80" rowspan="4">
<select name="left" style="width:80px;height:100px;" multiple>
<option>ITEM1</option>
<option>ITEM2</option>
<option>ITEM3</option>
<option>ITEM4</option>
<option>ITEM5</option>
<option>ITEM6</option>
</select></td>
<td width="40" height="20" align="center">
<input type="button" value=" >> " onclick="addItem(this.form);">
</td>
<td width="80" rowspan="4" align="right">
<select name="right" style="width:80px;height:100px;" multiple>
</select>
</td>
</tr>

<tr>
<td width="40" align="center"><input type="button" value=" << " onclick="subItem(this.form)"></td>
</tr>
<tr>
<td width="40" align="center"><input type="button" value="ALL>>" onclick="addAllItem(this.form)"></td>
</tr>
<tr>
<td width="40" align="center"><input type="button" value="<<ALL" onclick="subAllItem(this.form)"></td>
</tr>
</form>
</tr>
</table>
</body>
</html>

js select 实现左右传值.html的更多相关文章

  1. js select级联，上面分类，下面是内容

    js select级联,上面分类,下面是内容. js级联效果如下: 分类: 请选择 水果 蔬菜 其他 内容: // html和js代码如下:     <html>      <hea ...

  2. select 选择列表传值问题

    <select> <option value ="volvo">Volvo</option> <option value ="s ...

  3. JS Select 月日日期联动

    Js对Select控件进行联动操作,一个select选择月份后另一个select生成对应月份的所有日期. <%@ Page Language="C#" AutoEventWi ...

  4. jsp js action之间的传值

    1.struts2 action如何向JSP的JS函数传值 action中定义变量public class TestAction extends ActionSupport implements Se ...

  5. UIWebView的应用和其中的JS与OC间传值

    现在有很多的应用已经采用了WebView和html语言结合的开发模式.html5一直很火因为一份代码可以在多个平台上运用啊,效果各不相同都很美观,也越来越有一些公司直接招后台程序员和html5程序员, ...

  6. 一个简单js select插件

    现在,通过一个select插件,来介绍一下js插件的构建过程. 1.先上效果图 2.目录构建 (1)这个select插件,我给它起名交hongselect,所以呢,首先建个hongselect的文件夹 ...

  7. js控制父子页面传值（iframe和window.open）

    在html中,window对象代表浏览器中一个打开的窗口,就像我们C/S中做窗体一样,在该页的window对象就是new了一个新的窗体对象. 就像做C/S开发一样,浏览器是一个软件,每一个网页都是它n ...

  8. angular js $post,$get请求传值

    困扰了我好几天的问题!!! 刚开始学play框架,在向后台传值时,一直不成功! 当你用$POST传递一个参数时: HTML: <button ng-click=test()>测试</ ...

  9. JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值

    //**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var o ...

随机推荐

  1. YII 自动引入juquery进行表单验证

    在form表单 里面引入这么一句话 array(      'enableClientValidation'=>true,    'clientOptions'=>array(       ...

  2. Asp.Net Mvc - 在OnResultExecut* 拦截Action返回的HTML

    在Asp.Net MVC项目中通过重写ActionFilterAttribute中的方法,我们就可以在轻松的在Action方法执行前后做一些特殊的操作如:[身份认证.日志记录.内容截取等]. 但是我们 ...

  3. 转：Ubuntu12.04 LTS 使用心得-开机挂载其他分区

    1.在/media目录下创建好用来关联你要挂载的分区的文件夹(相当于一个虚拟目录/挂载点,链接/映射到你要挂载的盘符去) 我要挂载4个分区,所以创建了四个挂载点,名字随便取,只要你自己认的出来哪个对应 ...

  4. java敏感词过滤

    敏感词过滤在网站开发必不可少.一般用DFA,这种比较好的算法实现的. 参考链接:http://cmsblogs.com/?p=1031 一个比较好的代码实现: import java.io.IOExc ...

  5. 1710: [Usaco2007 Open]Cheappal 廉价回文

    Description 为 了跟踪所有的牛,农夫JOHN在农场上装了一套自动系统. 他给了每一个头牛一个电子牌号 当牛走过这个系统时,牛的名字将被自动读入. 每一头牛的电子名字是一个长度为M (1 & ...

  6. github继续折腾

    又在折腾github了,本来以前在neworiginou这个github上上传过项目的: 现在想在另一个github上joely上传项目,发现按以前的流程做个测试,居然没能上传成功! 经发现,以前的n ...

  7. 【宽搜】Vijos P1206 CoVH之再破难关

    题目链接: https://vijos.org/p/1206 题目大意: 给你开始和结束两张4x4的01图,每次操作只能够交换相邻的两个格子(有公共边),问最少的操作步数. 题目思路: [搜索] 这题 ...

  8. C#中object sender,EventHandler e有个毛作用

    button1_Click(object sender,EventHandler e) { Button button=(Button)sender; button.Text="text p ...

  9. Android 安全测试

    文章Android Security Tools对1~4的使用有介绍,下面主要分析其源码实现. 1.Manifest Explorer 2.Package Play Main.java public ...

  10. Java---注解、类加载器-加强-实现运行任意目录下class中加了@MyTest的空参方法

    做自己的类加载器 虚拟机的核心是通过类加载器来加载.class文件,然后进行相应的解析执行.那么我们可以自己做类加载器,手动加载需要的.class以进行解析执行,从而扩展虚拟机的功能. 以下内容摘自A ...