DropDownList 实现模糊查询

首先引用 AJAX 声明

<%@ Register Assembly="AjaxControlToolkit"  Namespace="AjaxControlToolkit"  TagPrefix="cc1"  %>

放置

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager

然后

<asp:DropDownList ID="DropDownList1" runat="server" >
    <asp:ListItem>Red</asp:ListItem>
    <asp:ListItem>Green</asp:ListItem>
    <asp:ListItem>Blue</asp:ListItem>
    <asp:ListItem>Yellow</asp:ListItem>
    <asp:ListItem>Magenta</asp:ListItem>
    <asp:ListItem>Violet</asp:ListItem>
    <asp:ListItem>Indigo</asp:ListItem>
    <asp:ListItem>Orange</asp:ListItem>
    <asp:ListItem>Oan</asp:ListItem>
            </asp:DropDownList>

            <cc1:ListSearchExtender ID="ListSearchExtender1"  PromptCssClass="PromptCSS"
  runat="server" TargetControlID="DropDownList1" >
            </cc1:ListSearchExtender>

有AJAX自带的 ListSearchExtender 控件帮助实现  

这样就轻松实现了DropDownList的模糊查询

还可以设置CSS样式

 .PromptCSS
        {
            color:Snow;
            font-size:large;
            font-style:italic;
            font-weight:bold;
            background-color:DeepPink;
            font-family:Courier New;
            border:solid 1px Pink;
            height:28px;
            }