checkboxlist 下拉框多选功能 ,模拟dropdownlist带复选框效果

前台代码

<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title>下拉框实现多选</title>  
    <script src="Jquery-1.8.3.min.js" type="text/javascript"></script>  
    <script type="text/javascript">  
        /*  
         *  
         *    
        */ 
       $(function() {  
           $("#<%=txtList.ClientID %>").mouseenter(function() {  
               $("#divChkList").slideDown("fast");  
           });  
           $("#divMulti").mouseleave(function() {  
               $("#divChkList").slideUp("fast");  
           });  
           $("#divChkList :checkbox").each(function() {  
               $(this).click(function() {  
                   var $txtList = $("#<%=txtList.ClientID %>");  
                   if (this.checked) {  
                       $txtList.val($txtList.val() + $(this).next().text()+",");  
                   }  
                   else {  
                       $txtList.val($txtList[0].value.replace($(this).next().text()+',',''));  
                   }  
               });  
           });  
       });  
    </script>  
      
</head>  
<body>  
    <form id="form1" runat="server">  
    <input type="checkbox" id="test" value="1" title="d" />  
    <div style="width:400px;height:300px;margin:0 auto;">  
        <div id="divMulti">  
            <asp:TextBox ID="txtList" runat="server" Width="100px"></asp:TextBox>  
            <div id="divChkList" style="display: none; border: solid 1px #CCCCCC; position: fixed;  
                z-index: 100; height: 160px; width: 100px; overflow-y: scroll; background-color: White">  
                <asp:CheckBoxList ID="chkList" runat="server" RepeatLayout="Table" RepeatDirection="Vertical">  <br>　　　　　　　　　　　　　　<asp:ListItem Value="12036">(12036)汉庭星空酒店管理有限公司</asp:ListItem><br>                                        <asp:ListItem Value="12036">(12036)汉庭星空酒店管理有限公司</asp:ListItem><br>                                        <asp:ListItem Value="12036">(12036)汉庭星空酒店管理有限公司</asp:ListItem><br>                                        <asp:ListItem Value="12036">(12036)汉庭星空酒店管理有限公司</asp:ListItem><br>                                        <asp:ListItem Value="12036">(12036)汉庭星空酒店管理有限公司</asp:ListItem><br>                                        <asp:ListItem Value="12036">(12036)汉庭星空酒店管理有限公司</asp:ListItem>
                </asp:CheckBoxList>  
            </div>  
        </div>  
    </div>  
    </form>  
</body>  
</html>  