新微赢技术网

标题: [求助]这种效果要怎么做？ [打印本页]
作者: ミつン戀ン    时间: 2010-1-6 23:31
标题: [求助]这种效果要怎么做？
偶想了很久了 还是没弄出来
大家有会做的帮看看吧。。谢谢了
用JS做 最好给我个例子


附件: 只有本站会员才能下载或查看附件，请您 登录 或 注册
作者: jane    时间: 2010-1-6 23:31
这样呢
  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>
复制代码
作者: ωǒ祗憙歡伱    时间: 2010-1-6 23:31
呵呵 太感谢了

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

要不 我没有选中选项的时候点按钮 IE状态栏 要报错的
作者: 紫恋    时间: 2010-1-6 23:31
HoHo,Ls的也跑这来啦！
作者: 梧桐雨love    时间: 2010-1-6 23:31
做人很低调也有问题的时候~
作者: ══════    时间: 2010-1-6 23:31

  2. <html>
  3. <head>
  4. <title></title>
  5. </head>
  6. <script language="JavaScript">
  7. function addnew(){
  8. var t=document.all.s1;
  9. var text=t.options[t.selectedIndex].innerText;
  10. var value=t.options[t.selectedIndex].value;
  11. document.all.s2.options.add(new Option(text,value));
  12. }
  13. function remove(){
  14. var t2=document.all.s2;
  15. s2.options.remove(t2.selectedIndex);
  16. }
  17. </script>
  18. <body>
  19. <select size=3 id=s1>
  20. <option value=a selected>a_________</option>
  21. <option value=b>b________</option>
  22. <option value=c>c__</option>
  23. <option value=d>d________</option>
  24. </select>
  25. <input type=button onclick=addnew() value=add>
  26. <input type=button onclick=remove() value=delete>
  27. <select size=3 id=s2>
  28. </select>
  29. </body>
  30. </html>
复制代码
作者: 平淡♀芳    时间: 2010-1-6 23:31
谢谢3楼 我先研究一下

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

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

还有就是 不能重复选的

好了 还是谢谢了 我去研究一下
作者: 玩QQ名字千万    时间: 2010-1-6 23:31
应该加精哦,收藏先,有时间慢慢研究学习下
作者: 听妈妈的话    时间: 2010-1-6 23:31
再次收藏中.
作者: 36D--的咪咪    时间: 2010-1-6 23:31
收藏了。



欢迎光临 新微赢技术网 (http://bbs.weiying.cn/) Powered by Discuz! X3.2