六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 127|回复: 0

从一个select到另一个select

[复制链接]

升级  98%

11

主题

11

主题

11

主题

童生

Rank: 1

积分
49
 楼主| 发表于 2013-2-7 20:03:56 | 显示全部楼层 |阅读模式
<!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>无标题文档</title>
</head>
<body>
<form   name=meizz>
<table   border=0   cellpadding=0   cellspacing=0>   
   <tr>
<td>   
          <select   id=list1   size=8   ondblclick="moveOption(this, this.form.list2)">   
              <option   value=A>102所   
              <option   value=B>院本部   
              <option   value=C>211长  
              <option   value=D>12所  
              <option   value=E>19所   
              <option   value=F>13所   
              <option   value=G>16所   
              <option   value=H>14所   
          </select>
</td>   
     <td>   
          <select   id=list2   size=8  style="width:100px;"  ondblclick="moveRight(this),putvalue(this.form.list2)">   
          </select>   
      </td>
</tr>   
</table>   
</form>
  <label id="tvalue"></label>
  <script   language="JavaScript"><!--   
  function   moveOption(e1, e2){   
          try{   
                  var   e =  e1.options[e1.selectedIndex];   
                  
  var m=0;

  for(i=0;i<e2.length;i++)   
  {
if(e1.options[e1.selectedIndex].text==e2.options[i].text)
{
m=1;
}
  }
  if(m!=1)
  {
  e2.options.add(new   Option(e.text,   e.value));
  }
  putvalue(e2);
          }       catch(e){}   
  }   
  function moveRight(e2){
  if(e2.selectedIndex!=-1){
  e2.options.remove(e2.selectedIndex);
}
  }
  function putvalue(e2)
  {
   var s="选择的内容:";  
  for(i=0;i<e2.length;i++)   
  {
  if(i>0)
s=s+","
  s+=e2.options[i].text;
  }
document.getElementById("tvalue").innerHTML=s;
  }
  //--></script>
</body>
</html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表