Javascript: 两个列表框之间移动数据

最新推荐文章于 2018-07-16 16:52:12 发布

原创最新推荐文章于 2018-07-16 16:52:12 发布 · 419 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Go #.net #HTML #ViewUI

javascript 专栏收录该内容

63 篇文章

订阅专栏

本文提供了一个HTML页面与JavaScript交互的示例，通过两个下拉框的选择操作演示了数据的传递过程。用户可以在第一个下拉框中选择选项，然后通过按钮将这些选项传送到第二个下拉框中，并展示所选内容。

http://topic.youkuaiyun.com/t/20020527/15/756343.html

<table>  
  <td>  
  <select   multiple   size=10   name=sel1>  
  <option>1  
  <option>2  
  <option>3  
  <option>4  
  <option>5  
  <option>6  
  <option>7  
  <option>8  
  </select>  
  <td>  
  <input   type=button   onclick=go(sel1,sel2)   value=">>"><br>  
  <input   type=button   onclick=go(sel2,sel1)   value="<<"><br>  
  <input   type=button   onclick=show(sel2)   value="show"><br>  
  <td>  
  <select   multiple   size=10   name=sel2>  
  </select>  
  </td>  
  </table>  
  <script>  
  function   go(obj1,obj2){  
  for(i=0;i<obj1.length;i++)  
  if(obj1.options[i].selected){  
  obj2.add(new   Option(obj1.options[i].text,obj1.options[i].value))  
  obj1.remove(i--);  
  }  
  }  
  function   show(obj1){  
  var   ret="其中有"  
  for(i=0;i<obj1.length;i++)ret+="\n"+obj1.options[i].text  
  alert(ret)  
  }  
  </script>