我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地：首页 > 网络学院 > 网络编程 > ASP专区 > Asp客户端/系统 > 下拉列表框1<=>下拉列表框2(HTML版)
热门文章排行
热门文章排行 手推车”功能的实现(10-07)
八大法则防范ASP网站漏洞(10-23)
ASP教程十一、调试ASP脚本(10-23)
在JSP中访问数据库大全(10-23)
虚机服务中常见Asp.Net低级错误一览(03-21)
精采文章排行
精采文章排行 ASP.NET实现抓取网页中的链接(11-15)
ASP连接数据库的11种方法(11-10)
如何动态创建网页的RSS内容摘要(11-10)
ASP网站漏洞及入侵防范方法(11-10)
ASP自定义函数：对字符串正则替换(11-10)
技术专题推荐
网管论坛交流
　

下拉列表框1<=>下拉列表框2(HTML版) 

作者:佚名   来源:一亩三分地   点击:   日期:2007-03-22
select.htm
说明：
本程式支持Shift和Ctrl功能！（即：连选和跳选多项Option）
可以任意的相互操作（下拉列表框1<=>下拉列表框2）！
<html>
<head>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<link rel="stylesheet" href="common.css">
</head>
<body bgColor=skyblue>
<form action="select.htm" method="post" name="myform">
<br><br><br>
<div align="center"><center><left>    
<table style="FONT-SIZE: smaller">
  <tr><td>
   <table>
   <tr><td>
   <select name="left_select" style="HEIGHT: 200px; WIDTH: 100px" multiple>
           <OPTION VALUE="A">A</OPTION><OPTION VALUE="B">B</OPTION>
           <OPTION VALUE="C">C</OPTION><OPTION VALUE="D">D</OPTION>
           <OPTION VALUE="E">E</OPTION><OPTION VALUE="F">F</OPTION>
           <OPTION VALUE="G">G</OPTION><OPTION VALUE="H">H</OPTION>
           <OPTION VALUE="I">I</OPTION><OPTION VALUE="J">J</OPTION>
           <OPTION VALUE="K">K</OPTION><OPTION VALUE="L">L</OPTION>
           <OPTION VALUE="M">M</OPTION><OPTION VALUE="N">N</OPTION>
           <OPTION VALUE="O">O</OPTION><OPTION VALUE="P">P</OPTION>
   </select>
   </td></tr>
   </table>
  
   </td><td>
   <table border="0">
   <br><br>
   <tr><td>
   <INPUT language="javascript" name="btn_select_addany" onclick="fun_select_addany(document.myform)" style="COLOR: blue; FONT-FAMILY: Webdings; FONT-SIZE: 12pt; FONT-WEIGHT: normal; HEIGHT: 28px; WIDTH: 27px" title="Add any" type=button value="8"></td></tr><tr><td>
   <INPUT language="javascript" name="btn_select_addall" onclick="fun_select_addall(document.myform)" style="COLOR: blue; FONT-FAMILY: Webdings; FONT-SIZE: 12pt; FONT-WEIGHT: normal; HEIGHT: 28px; WIDTH: 27px" title="Add all" type=button value=: DESIGNTIMESP="17713"></td></tr><tr><td>
   <br><br></td></tr><tr><td>
   <INPUT language="javascript" name="btn_select_dltany" onclick="fun_select_dltany(document.myform)" style="COLOR: blue; FONT-FAMILY: Webdings; FONT-SIZE: 12pt; FONT-WEIGHT: normal; HEIGHT: 28px; WIDTH: 27px" title ="delete any" type=button value="7"></td></tr><tr><td>
   <INPUT language="javascript" name="btn_select_dltall" onclick="fun_select_dltall(document.myform)" style="COLOR: blue; FONT-FAMILY: Webdings; FONT-SIZE: 12pt; FONT-WEIGHT: normal; HEIGHT: 28px; WIDTH: 27px" title ="delete all" type=button value="9"></td></tr>
   <tr><td></td></tr>
   <tr><td>
   </td></tr>
   </table></TD><td>   
   <table style="FONT-SIZE: smaller">
   <tr><td>
   <select name="right_select" style="HEIGHT: 200px; WIDTH: 100px" multiple>
   </select>
   </td></tr>
   </table>
   </td></TR></TBODY></TABLE></div></CENTER>
</form>   
</body>
</html>
          
<script language="javascript">
function fun_select_addany(theform){
    var i;
    for (i=0;i<theform.left_select.length;i++){
        if (theform.left_select.options[i].selected == true){
           if (theform.left_select.options[i].text !=""){
              theform.right_select.options[theform.right_select.length]=new Option(theform.left_select.options[i].text);
              theform.left_select.options[i] =new Option("");
              }
       }
    }
    for (i=0;i<theform.left_select.length;i++){
        if (theform.left_select.options[i].text ==""){theform.left_select.options.remove(i); i--;}
    }
}

function fun_select_addall(theform){
    var i;   
    for (i=0;i<theform.left_select.length;i++){
        if (theform.left_select.options[i].text !=""){
           theform.right_select.options[theform.right_select.length]=new Option(theform.left_select.options[i].text);
           }       
    }
    theform.left_select.length=0;     
}  

function fun_select_dltany(theform){
   var i;
    for (i=0;i<theform.right_select.length;i++){
        if (theform.right_select.options[i].selected == true){
           if (theform.right_select.options[i].text !=""){
              theform.left_select.options[theform.left_select.length]=new Option(theform.right_select.options[i].text);
              theform.right_select.options[i] =new Option("");
              }
       }
    }
    for (i=0;i<theform.right_select.length;i++){
        if (theform.right_select.options[i].

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论】

   相关文章:
·ASP中巧用Response属性 ·第六课:ASP脚本循环语句
·在 Web 页上使用条件数值格式 ·连接数据库查询手册（不仅仅适用于asp）
·警惕"给你的FileSystemObject对象加把锁" ·用ASP做全文检索

   文章评论:(条)
  
 请留名： 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明：刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。