设为首页收藏本站

新微赢技术网

 找回密码
 注册
搜索
热搜: 回贴
查看: 58|回复: 9
打印 上一主题 下一主题

[求助]这种效果要怎么做?

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-6 23:31:27 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
偶想了很久了 还是没弄出来
大家有会做的帮看看吧。。谢谢了
用JS做 最好给我个例子


附件: 只有本站会员才能下载或查看附件,请您 登录 或 注册
2#
发表于 2010-1-6 23:31:30 | 只看该作者
这样呢
  1. <html>
  2. <head>
  3. <title></title>
  4. </head>
  5. <script language="JavaScript">
  6. function addnew(){
  7. var t=document.all.s1;
  8. var text=t.options[t.selectedIndex].innerText;
  9. var value=t.options[t.selectedIndex].value;
  10. document.all.s2.options.add(new Option(text,value));
  11. t.options.remove(t.selectedIndex);
  12. t.selectedIndex = 0;
  13. }
  14. function remove(){
  15. var t1=document.all.s1;
  16. var t2=document.all.s2;
  17. var text=t2.options[t2.selectedIndex].innerText;
  18. var value=t2.options[t2.selectedIndex].value;
  19. s2.options.remove(t2.selectedIndex);
  20. t1.options.add(new Option(text,value));
  21. s2.selectedIndex = 0;
  22. }
  23. </script>
  24. <body>
  25. <select size=3 id=s1>
  26. <option value=a selected>a_________</option>
  27. <option value=b>b________</option>
  28. <option value=c>c__</option>
  29. <option value=d>d________</option>
  30. </select>
  31. <input type=button onclick=addnew() value=add>
  32. <input type=button onclick=remove() value=delete>
  33. <select size=3 id=s2></select>
  34. </body>
  35. </html>
复制代码
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-6 23:31:32 | 只看该作者
呵呵 太感谢了

就是还有一个问题 要加一个判断吧

要不 我没有选中选项的时候点按钮 IE状态栏 要报错的
回复 支持 反对

使用道具 举报

4#
发表于 2010-1-6 23:31:35 | 只看该作者
HoHo,Ls的也跑这来啦!
回复 支持 反对

使用道具 举报

5#
发表于 2010-1-6 23:31:38 | 只看该作者
做人很低调也有问题的时候~
回复 支持 反对

使用道具 举报

6#
发表于 2010-1-6 23:31:41 | 只看该作者

  1. <html>
  2. <head>
  3. <title></title>
  4. </head>
  5. <script language="JavaScript">
  6. function addnew(){
  7. var t=document.all.s1;
  8. var text=t.options[t.selectedIndex].innerText;
  9. var value=t.options[t.selectedIndex].value;
  10. document.all.s2.options.add(new Option(text,value));
  11. }
  12. function remove(){
  13. var t2=document.all.s2;
  14. s2.options.remove(t2.selectedIndex);
  15. }
  16. </script>
  17. <body>
  18. <select size=3 id=s1>
  19. <option value=a selected>a_________</option>
  20. <option value=b>b________</option>
  21. <option value=c>c__</option>
  22. <option value=d>d________</option>
  23. </select>
  24. <input type=button onclick=addnew() value=add>
  25. <input type=button onclick=remove() value=delete>
  26. <select size=3 id=s2>
  27. </select>
  28. </body>
  29. </html>
复制代码
回复 支持 反对

使用道具 举报

7#
发表于 2010-1-6 23:31:44 | 只看该作者
谢谢3楼 我先研究一下

你给出了例子好像和我想要的意思不大一样

我想要的是 左边的选完就到右边了 左边就没有这个选项了

还有就是 不能重复选的

好了 还是谢谢了 我去研究一下
回复 支持 反对

使用道具 举报

8#
发表于 2010-1-6 23:31:47 | 只看该作者
应该加精哦,收藏先,有时间慢慢研究学习下
回复 支持 反对

使用道具 举报

9#
发表于 2010-1-6 23:31:50 | 只看该作者
再次收藏中.
回复 支持 反对

使用道具 举报

10#
发表于 2010-1-6 23:31:53 | 只看该作者
收藏了。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-19 14:46 , Processed in 0.106816 second(s), 8 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

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