两个listbox 无刷新互动

页面代码：

<table border="0" cellpadding="0" cellspacing="0" style=" 32%">
<tr>
    <td>
<asp:ListBox ID="lbLeft" runat="server" Width="150px" Height="200" DataTextField="Name" DataValueField="ID" SelectionMode="Multiple"></asp:ListBox>
</td>
<td><input id="btnAll" onclick="SelectAll()" type="button" class="C_input02" value=">>" />
<br /><br />
<input id="btnAdd" onclick="SelectOne()" type="button" class="C_input02" value=">" /><br /><br />
<input id="btnDel" onclick="DelOne()" type="button" class="C_input02" value="<" /><br /><br />
<input id="btnDAll" onclick="DelAll()" type="button" class="C_input02" value="<<" />
</td>
<td>
<asp:ListBox ID="lbRight" runat="server" Width="150px" SelectionMode="Multiple" Height="200"></asp:ListBox>
</td>
 </tr>
</table>
<input id="txtProvider" runat="server" style="display:none" />

javascript代码：

<script type="text/javascript">
        function SelectAll()
        {
            var lst1=window.document.getElementByIdx_x_x_x("<%=lbLeft.ClientID %>");
            var length = lst1.options.length;
             var string = window.document.getElementByIdx_x_x_x("<%=txtProvider.ClientID %>")
            for(var i=0;i<length;i++)
            {
                var v = lst1.options[i].value;
                var t = lst1.options[i].text;           
                var lst2=window.document.getElementByIdx_x_x_x("<%=lbRight.ClientID %>");
                lst2.options[i] = new Option(t,v,true,true);
                string.value+=v+",";
            }
        }
      
        function DelAll()
        {
            var lst2=window.document.getElementByIdx_x_x_x("<%=lbRight.ClientID %>");
            var string = window.document.getElementByIdx_x_x_x("<%=txtProvider.ClientID %>")
            var length = lst2.options.length;
            for(var i=length;i>0;i--)
            {
                lst2.options[i-1].parentNode.removeChild(lst2.options[i-1]);
            }
            string.value = "";
        }
      
        function SelectOne()
        {
          var string = window.document.getElementByIdx_x_x_x("<%=txtProvider.ClientID %>")
            var lst1=window.document.getElementByIdx_x_x_x("<%=lbLeft.ClientID %>");
            var lst2=window.document.getElementByIdx_x_x_x("<%=lbRight.ClientID %>");
            var lstindex=lst1.selectedIndex;
            var length = lst2.options.length;
            var isExists = false;
            if(lstindex<0)
                return;
            else if(length != null)
            {
                for(var i=0;i < length; i++)
                {
                     if(lst2.options[i].text == lst1[lstindex].text&&lst2.options[i].value == lst1[lstindex].value)
                     {
                        isExists = true;
                     }
                }
            }
            else
            {
                return;
            }
            if (isExists == false)
            {
                var v = lst1.options[lstindex].value;
                var t = lst1.options[lstindex].text;
                lst2.options[lst2.options.length] = new Option(t,v,true,true);
                string.value+=v+",";
            }
            else
            {
                alert("所选条目数据已经存在");
                return false;
            }
        }
      
        function DelOne()
        {
            var lst2=window.document.getElementByIdx_x_x_x("<%=lbRight.ClientID %>");
            var string = window.document.getElementByIdx_x_x_x("<%=txtProvider.ClientID %>")
            var lstindex=lst2.selectedIndex;
            if(lstindex>=0)
            {
                var v = lst2.options[lstindex].value+";";
                var va = lst2.options[lstindex].value+",";
                lst2.options[lstindex].parentNode.removeChild(lst2.options[lstindex]);
                string.value = string.value.replace(va,"");
            }
        }
</script>

兼容IE、火狐