急求帮忙，Ajax问题用JS实现在ListBox1双击后在ListBox2中增加值后，为什么一提交后ListBox2的值清空了？

Question

js代码：
<script language="javascript" type="text/javascript">
   //双击listbox
    function ChangeItem(l1,l2) 
{ 
    var cc = document.getElementById(l1).options[window.document.getElementById(l1).selectedIndex].value; 
    var dd = document.getElementById(l1).options[window.document.getElementById(l1).selectedIndex].text; 
    //alert(dd + ":" + cc); 
    document.getElementById(l1).options.remove(window.document.getElementById(l1).selectedIndex); 
    var op = new Option(dd,cc,false,false); 
    document.getElementById(l2).options.add(op);     
}    </script>
  页面代码：  
//双击listbox,配合JAVASTRICPT
            ListBox1.Attributes.Add("ondblclick", "ChangeItem('" + ListBox1.ClientID + "','" + ListBox2.ClientID + "')");
            ListBox2.Attributes.Add("ondblclick", "ChangeItem('" + ListBox2.ClientID + "','" + ListBox1.ClientID + "')");
这个代码可以实现listbox1的item双击后自动出现在listbox2中。现在的问题是我再加一个button，想通过点击按钮把listbox2的值取出来，当点击按钮的时候，发现listbox的东西不见了。