The selectedIndexChanged for dropdown doesn't fire in updPnl

Deepa Sudhir

11y1.4kAJAX

<table class="artmaterialsupplies">
<tr><td style="text-align:center">
<asp:ScriptManager ID="ScriptManager1" runat="server">
asp:ScriptManager>
 
<table style="width:100%" cellpadding="0" border=0>
<tr><td colspan="3" style="text-align:left;font-size:18px; font-weight:bold;background-color:#ffffff; color:#249c98">
<asp:Label ID="lblBrandName" runat="server" Text=''>asp:Label>
<asp:HiddenField ID="hdnProductChange" runat="server" Value='' />
<asp:HiddenField ID="hdnImageURL" runat="server" Value='' />
<asp:HiddenField ID="hdnProductName" runat="server" Value='' />
td>tr>
<tr>
<td style="vertical-align:top;">
<asp:Image ID="imgArtMaterials" runat="server" />
td>
<td style="vertical-align:top;width:50px;">
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
<ContentTemplate>
<asp:Panel ID="pnlColour" runat="server" style="width:45px;height:45px;border:1px solid #000;" >
asp:Panel>
ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="drpAvailableColours" EventName="SelectedIndexChanged" />
Triggers>
asp:UpdatePanel>

td>
<td style="text-align:left;vertical-align:top;">
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Always">
<ContentTemplate>

<asp:Label ID="lblProductName" runat="server" Text="" style="font-weight:bold;" >asp:Label> 
<asp:Label ID="lblProductCode" runat="server" Text="">asp:Label> 
Price: <asp:Label ID="lblPrice" runat="server" Text="">asp:Label>AEDspan>

 
Available Sizes 
<asp:DropDownList ID="drpSizes" AutoPostBack="false" runat="server" >
asp:DropDownList>
ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="drpAvailableColours" EventName="SelectedIndexChanged" />
Triggers>
asp:UpdatePanel>
 
Available Colours 

<asp:DropDownList ID="drpAvailableColours" runat="server" AutoPostBack="True" onselectedindexchanged="drpAvailableColours_SelectedIndexChanged" >
asp:DropDownList>
 
Quantity <asp:ListBox ID="ListBox1" runat="server" Rows="1">
<asp:ListItem>1asp:ListItem>
<asp:ListItem>2asp:ListItem>
<asp:ListItem>3asp:ListItem>
<asp:ListItem>4asp:ListItem>
<asp:ListItem>5asp:ListItem>asp:ListBox>
 
<asp:ImageButton ID="ImgAddToCart" runat="server" ImageUrl="~/Images/AddToCart.png" />
td>

tr>
table>

td>
tr>
table>

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Nanhe Siddique11y ago
ok. remove inner updatepanel.

Price:
AED

Available Sizes

Available Colours

blue
green
red
yellow

Quantity
1
2
3
4
5
Deepa Sudhir11y ago
There is an update panel in your code which is not closed
Nanhe Siddique11y ago

hi sudhir use this modified code

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
<ContentTemplate>
<table class="artmaterialsupplies">
<tr><td style="text-align:center">
<asp:ScriptManager ID="ScriptManager1" runat="server">
asp:ScriptManager>
 
<table style="width:100%" cellpadding="0" border=0>
<tr><td colspan="3" style="text-align:left;font-size:18px; font-weight:bold;background-color:#ffffff; color:#249c98">
<asp:Label ID="lblBrandName" runat="server" Text=''>asp:Label>
<asp:HiddenField ID="hdnProductChange" runat="server" Value='' />
<asp:HiddenField ID="hdnImageURL" runat="server" Value='' />
<asp:HiddenField ID="hdnProductName" runat="server" Value='' />
td>tr>
<tr>
<td style="vertical-align:top;">
<asp:Image ID="imgArtMaterials" runat="server" />
td>
<td style="vertical-align:top;width:50px;">

<asp:Panel ID="pnlColour" runat="server" style="width:45px;height:45px;border:1px solid #000;" >
asp:Panel>

td>
<td style="text-align:left;vertical-align:top;">
<asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Always">
<ContentTemplate>

<asp:Label ID="lblProductName" runat="server" Text="" style="font-weight:bold;" >asp:Label> 
<asp:Label ID="lblProductCode" runat="server" Text="">asp:Label> 
Price: <asp:Label ID="lblPrice"runat="server" Text="">asp:Label>AEDspan>

 
Available Sizes 
<asp:DropDownList ID="drpSizes" AutoPostBack="false" runat="server" >
asp:DropDownList>

 
Available Colours 

<asp:DropDownList ID="drpAvailableColours" runat="server" AutoPostBack="True"onselectedindexchanged="drpAvailableColours_SelectedIndexChanged" >
asp:DropDownList>
 
Quantity <asp:ListBox ID="ListBox1" runat="server" Rows="1">
<asp:ListItem>1asp:ListItem>
<asp:ListItem>2asp:ListItem>
<asp:ListItem>3asp:ListItem>
<asp:ListItem>4asp:ListItem>
<asp:ListItem>5asp:ListItem>asp:ListBox>
 
<asp:ImageButton ID="ImgAddToCart" runat="server"ImageUrl="~/Images/AddToCart.png" />
td>

tr>
table>

td>
tr>
table>