Hi All,
I am trying ajax drop down list.
My two drop down works perfectly.
But 3 rd is not working.
I tried many ways but its not working.
Below is the code.
<asp:Content ID="Content2" ContentPlaceHolderID="SampleContent" Runat="Server"><table><tr><td><ajaxToolkit:ToolkitScriptManager runat="server" ID="ScriptManager1" /><div class="demoarea"><div class="demoheading">DropDown Demonstration</div><div>Hover over the text below and click to select an option:</div><br /><asp:Label ID="TextLabel" runat="server" Text="Select your favorite exotic ice-cream flavor" 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="Mocha Blast" CssClass="ContextMenuItem" /><asp:LinkButton runat="server" ID="Option2" Text="Java Cyclone" CssClass="ContextMenuItem" /><asp:LinkButton runat="server" ID="Option3" Text="Dry Fruit" CssClass="ContextMenuItem" /> </asp:Panel><ajaxToolkit:DropDownExtender runat="server" ID="DDE" TargetControlID="TextLabel" DropDownControlID="DropPanel" /><br /><asp:UpdatePanel id="Update" runat="server"><ContentTemplate><asp:Label id="lblSelection" runat="server" Style="padding: 5px;" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" /></Triggers></asp:UpdatePanel><ajaxToolkit:UpdatePanelAnimationExtender ID="UpdateAnimation" runat="server" TargetControlID="Update" BehaviorID="Highlight"><Animations><OnUpdated><Sequence><Color AnimationTarget="lblSelection" Duration=".5" PropertyKey="backgroundColor" StartValue="#FFFF90" EndValue="#FFFFFF" /></Sequence></OnUpdated></Animations></ajaxToolkit:UpdatePanelAnimationExtender></div></td></tr></table><table><tr><td><div class="demoarea"><div class="demoheading">DropDown Demonstration</div><div>Hover over the text below and click to select an option:</div><br /><asp:Label ID="Label1" runat="server" Text="Select your favorite exotic ice-cream flavor" Style="display: block; width: 300px; padding:2px; padding-right: 50px; font-family: Tahoma; font-size: 11px;" /><asp:Panel ID="Panel1" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;"><asp:LinkButton runat="server" ID="LinkButton1" Text="Mocha Blast" CssClass="ContextMenuItem" /><asp:LinkButton runat="server" ID="LinkButton2" Text="Java Cyclone" CssClass="ContextMenuItem" /><asp:LinkButton runat="server" ID="LinkButton3" Text="Dry Fruit" CssClass="ContextMenuItem" /> </asp:Panel><ajaxToolkit:DropDownExtender runat="server" ID="DropDownExtender1" TargetControlID="Label1" DropDownControlID="Panel1" /><br /><asp:UpdatePanel id="UpdatePanel1" runat="server"><ContentTemplate><asp:Label id="Label2" runat="server" Style="padding: 5px;" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" /></Triggers></asp:UpdatePanel><ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender1" runat="server" TargetControlID="Update" BehaviorID="Highlight"><Animations><OnUpdated><Sequence><Color AnimationTarget="Label2" Duration=".5" PropertyKey="backgroundColor" StartValue="#FFFF90" EndValue="#FFFFFF" /></Sequence></OnUpdated></Animations></ajaxToolkit:UpdatePanelAnimationExtender></div></td></tr></table><table><tr><td><div class="demoarea"><div class="demoheading">DropDown Demonstration</div><div>Hover over the text below and click to select an option:</div><br /><asp:Label ID="Label3" runat="server" Text="Select your favorite exotic ice-cream flavor" Style="display: block; width: 300px; padding:2px; padding-right: 50px; font-family: Tahoma; font-size: 11px;" /><asp:Panel ID="Panel2" runat="server" CssClass="ContextMenuPanel" Style="display :none; visibility: hidden;"><asp:LinkButton runat="server" ID="LinkButton4" Text="Mocha Blast" CssClass="ContextMenuItem" /><asp:LinkButton runat="server" ID="LinkButton5" Text="Java Cyclone" CssClass="ContextMenuItem" /><asp:LinkButton runat="server" ID="LinkButton6" Text="Dry Fruit" CssClass="ContextMenuItem" /> </asp:Panel><ajaxToolkit:DropDownExtender runat="server" ID="DropDownExtender2" TargetControlID="Label3" DropDownControlID="Panel2" /><br /><asp:UpdatePanel id="UpdatePanel2" runat="server"><ContentTemplate><asp:Label id="Label4" runat="server" Style="padding: 5px;" /></ContentTemplate><Triggers><asp:AsyncPostBackTrigger ControlID="Option1" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option2" EventName="Click" /><asp:AsyncPostBackTrigger ControlID="Option3" EventName="Click" /></Triggers></asp:UpdatePanel><ajaxToolkit:UpdatePanelAnimationExtender ID="UpdatePanelAnimationExtender2" runat="server" TargetControlID="Update" BehaviorID="Highlight"><Animations><OnUpdated><Sequence><Color AnimationTarget="Label4" Duration=".5" PropertyKey="backgroundColor" StartValue="#FFFF90" EndValue="#FFFFFF" /></Sequence></OnUpdated></Animations></ajaxToolkit:UpdatePanelAnimationExtender></div></td></tr></table></asp:Content>
Please help.
Regards,
Jayesh.(From India,Mumbai)