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

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

来源:未知 编辑:admin 时间:2015-09-02
直接上代码,拷贝直接运行即可:
  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.  

 

相关文章:

网友评论:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

友情链接:卓航健康养生 www.peixinhotelbeijing.cn 联系QQ:4988723 邮箱:4988723@qq.com

Copyright © 2002-2017 DEDECMS. 东吴科技 版权所有 Power by DongWU

Top