本页主题: select 功能问题 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

guoliang
级别: 武林新秀


精华: 0
发帖: 76
威望: 62 点
财富: 3093 K币
贡献值: 0 点
注册时间:2007-03-31
最后登录:2008-07-11

 select 功能问题

<select name="a" size="5" multiple="multiple" >

<option>a</option>
<option selected="selected">b</option>
<option>c</option>
<option>d</option>
<option>e</option>
<option>f</option>
</select>

<select name="b" size="5" multiple="multiple" >

</select>
有两个select请问怎么实现选左边的双击左边的select添加到右边的select
顶端 Posted: 2008-04-11 11:12 | [楼 主]
海浪
没钱了-_-
级别: 总版主


精华: 7
发帖: 16051
威望: 27638 点
财富: 14196 K币
贡献值: 4 点
注册时间:2003-03-21
最后登录:2008-11-24

 

Copy code
<html>
<head>
  <title> 网页名称 </title>
</head>

<body>
<select name="a" id="selecta" size="5" multiple="multiple" ondblclick="ltor()">

<option>a</option>
<option selected="selected">b</option>
<option>c</option>
<option>d</option>
<option>e</option>
<option>f</option>
</select>

<select name="b" id="selectb" size="5" multiple="multiple" >
</select>
<script type="text/javascript">
function ltor()
{
  var a = document.getElementById("selecta");
  var ao = a.options;
  var b = document.getElementById("selectb");
  var bo = b.options;
  for(var ii=0; ii<ao.length; ii++)
  {
    if(ao[ii].selected)
      bo[bo.length] = new Option(ao[ii].text,ao[ii].value);
  }

}
</script>
</body>
</html>
顶端 Posted: 2008-04-11 15:48 | 1 楼
FreeBrandy
级别: 论坛版主


精华: 0
发帖: 406
威望: 508 点
财富: 16364 K币
贡献值: 0 点
注册时间:2004-02-20
最后登录:2008-11-26

 

版主辛苦作答总得道个谢吧?
说一尺不如行一寸
顶端 Posted: 2008-04-12 00:04 | 2 楼
帖子浏览记录 版块浏览记录
IECN社区 » JavaScript/Ajax

Time now is:12-03 15:01, Gzip disabled 京ICP备06069722号
Powered by PHPWind v6.3.2 Certificate Code © 2003-08 PHPWind.com Corporation