altas(ajax)控件(十)：DropDown让文本框拥有下拉列表

图例：



注意，”请选择“ 的是个文本框


<asp:Label ID="TextLabel" runat="server" Text="请选择" Style="display: block; width: 300px; padding:2px; padding-right: 50px; font-family: Tahoma; font-size: 11px;" />


<asp:Panel ID="DropPanel" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;">


<asp:LinkButton runat="server" ID="Option1" Text="董昊" CssClass="ContextMenuItem" OnClick="OnSelect" />


<asp:LinkButton runat="server" ID="Option2" Text="比尔盖茨" CssClass="ContextMenuItem" OnClick="OnSelect" />


<asp:LinkButton runat="server" ID="Option3" Text="二百五" CssClass="ContextMenuItem" OnClick="OnSelect" />


</asp:Panel>


<ajaxToolkit:DropDownExtender runat="server" ID="DDE"


TargetControlID="TextLabel"


DropDownControlID="DropPanel" />



控件简介：


<ajaxToolkit:DropDownExtender runat="server" ID="DDE“


TargetControlID="TextLabel"


DropDownControlID="DropPanel"/>



[align=left]TargetControlID –需要附加下拉列表的文本框ID[/align]
[align=left]DropDownControlID –下拉列表（Panel）ID[/align]
[align=left]Animations-动画效果，可以查看altas(ajax)控件(三)：动画制作控件AnimationExtender[/align]