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

栏目分类：.net教程   发布日期：2014-09-12   来源：互联网   浏览次数：次

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.    
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.    
        
     
          
     
          
     
          
     
        
     
      

    "s1" runat="server" SelectionMode="Multiple" Rows="6">            A            B            C            D

    "setData()" type="button" value="->"/>                    "removeData()" type="button" value="<-" />

    "s2" runat="server" SelectionMode="Multiple" Rows="6">

     
64.   "Button1" runat="server" onclick="Button1_Click" Text="得到选中的" /> 
65.    
66.  
67.