首先引用 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;
}