上拉列表文本的移动

下拉列表文本的移动

       下拉列表文本移动

js中还有许多有用的东西,今天编写了将下拉列表中的值移动到另一个下拉列表中

实现效果如图:

 


上拉列表文本的移动
 

              将左边的单个文本移向右边1-1


上拉列表文本的移动
 

将右边的单个文本移向左边1-2


上拉列表文本的移动
 

将左边的多个文本移向右边1-1


上拉列表文本的移动
 

将右边的多个文本移向左边1-2

网页文本代码:

 

 <body>
   <span><select id="lselect" size="7" style="width: 100px; background-color: red" multiple="multiple">
   <option>选项1</option>
   <option>选项2</option>
   <option>选项3</option>
   <option>选项4</option>
   <option>选项5</option>
   <option>选项6</option>
   <option>选项7</option>
   </select>
   </span>
   <span style="width: 200px; height: 100px;">
   <input type="button" value="单个向右移" onclick="oneRMove()"/> 
   <input type="button" value="多个向右移" onclick="moreRMove()"/> 
   <input type="button" value="单个向左移" onclick

  
用AJAX实现网页中的增删改 | Dom解析XML文件实现省市县三级下拉菜单的 ...
  • 2011-03-22 20:11
  • 浏览 208
  • 评论(0)
  • 分类:编程语言
  • 相关推荐

文章评论