设为首页 - 加入收藏
您的当前位置:伟德国际 > 教程 > 编程教程 > 正文

两个 Listbox 或者 DropdownList 进行添加、移除、排序

来源:伟德国际 编辑:伟德国际官方 时间:2017-10-09
直接上代码,拷贝直接运行即可:
  1.  ASPX 代码 
  2. <%@ Page Language="C#" EnableEventValidation="false" %> 
  3.  "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
  4. <script runat=
  5.    protected void Button1_Click(object sender, EventArgs e) 
  6.   { 
  7.     Response.Write("
  8. s1 = " + Request.Form[s1.UniqueID]); 
  9.     Response.Write("
  10. s2 = " + Request.Form[s2.UniqueID]); 
  11.   } 
  12. </script> 
  13. "http://www.w3.org/1999/xhtml"
  14. "server"
  15.   www.qqview.com 
  16.   <script type=
  17.     var bak = null
  18.     function setData() { 
  19.       ss1 = document.getElementById("<%=s1.ClientID %>"); 
  20.       ss2 = document.getElementById("<%=s2.ClientID %>"); 
  21.       if (bak == null) { 
  22.         bak = []; 
  23.         for (i = 0; i < ss1.length; i++) bak.push(ss1[i].value); 
  24.       } 
  25.        for (i = ss1.length - 1; i > -1; i--) { 
  26.         if (ss1[i].selected) { 
  27.           ss2.options[ss2.options.length] = new Option(ss1[i].value, ss1[i].value); 
  28.           ss1[i].parentNode.removeChild(ss1[i]); 
  29.         } 
  30.       } 
  31.       SortSelect(ss1); 
  32.       SortSelect(ss2); 
  33.     } 
  34.  
  35.     function removeData() { 
  36.       ss1 = document.getElementById("<%=s1.ClientID %>"); 
  37.       ss2 = document.getElementById("<%=s2.ClientID %>"); 
  38.       for (i = ss2.length - 1; i > -1; i--) { 
  39.         if (ss2[i].selected) { 
  40.           ss1.options[ss1.options.length] = new Option(ss2[i].value, ss2[i].value); 
  41.           ss2[i].parentNode.removeChild(ss2[i]); 
  42.         } 
  43.       } 
  44.       SortSelect(ss1); 
  45.       SortSelect(ss2); 
  46.     } 
  47.      function SortSelect(ss) { 
  48.       var tt = []; 
  49.       for (i = 0; i < bak.length; i++) { 
  50.         for (j = 0; j < ss.length; j++) { 
  51.           if (ss[j].value == bak[i]) tt.push(bak[i]); 
  52.         } 
  53.       } 
  54.       ss.length = 0; 
  55.       for (i = 0; i < tt.length; i++) { 
  56.         ss.options[ss.options.length] = new Option(tt[i], tt[i]); 
  57.       } 
  58.     } 
  59.   </script> 
  60.  
  61.  
  62.   "server" id="form1"
  63.    
  64.     
  65.  
  66.       
  67.  
  68.       
  69.  
  70.       
  71.  
  72.     
  73.  
  74.   
  75.  
  76.         "s1" runat="server" SelectionMode="Multiple" Rows="6"
  77.           A 
  78.           B 
  79.           C 
  80.           D 
  81.          
  82.       
  83.  
  84.         "setData()" type="button" value="->"/> 
  85.          
  86.         "removeData()" type="button" value="<-" /> 
  87.       
  88.  
  89.         "s2" runat="server" SelectionMode="Multiple" Rows="6"
  90.       
  91.  
  92.   "Button1" runat="server" onclick="Button1_Click" Text="得到选中的" /> 
  93.    
  94.  
  95.  

 

网友评论:

伟德国际 联系QQ:2130208311 邮箱:2130208311@QQ.COM

Copyright © 2017 伟德国际是一家高科技医疗器械及应用软件研发制造为重心的高科技企业。公司本着以技术领先为核心,以质量和服务为灵魂,真诚服务于社会的宗旨。不停吸纳高科人才,跟踪国内外最新科研成果,利用公司的资源优势,培育新的经济增长点。与国内外大学,研究机构开展技术合作 伟德国际是一家以不同的角度为你精准的分析每一场伟德国际体育赛事,体育在线提供备用网址,作为英国第7大私营公司,娱乐场 扑克牌游戏。 广乐SEO 版权所有 Power by DedeCms

粤ICP备09116140号

Top