I have six DropDownLists arranged in pairs Name and Key. They operate in the sense of you choose a Channel Partner and then that filters down and rebinds the Head Office and so forth.
It works fine so far but I want to be able to have it so that each pair of DropDownLists are triggered by the ones above. How would I do this?
I have thought about and tried wrapping the last two pairs with UpdatePanels so that only those would be triggered. But haven't had much luck. Any help would be greatly appreciated :)
the code so far is:
<table>
<tr id="trCP" runat="server">
<td>Channel Partners</td>
<td><asp:DropDownList ID="ddlChannelPartners" runat="server" AutoPostBack="True" CssClass="name" OnSelectedIndexChanged="ddlChannelPartners_SelectedIndexChanged" /></td>
<td><asp:DropDownList ID="ddlChannelPartnersKey" runat="server" AutoPostBack="True" CssClass="code" OnSelectedIndexChanged="ddlChannelPartnersKey_SelectedIndexChanged" /></td>
</tr>
<tr>
<td>Head Companys</td>
<td><asp:DropDownList ID="ddlHeadCompanies" runat="server" AutoPostBack="True" CssClass="name" OnSelectedIndexChanged="ddlHeadCompanies_SelectedIndexChanged" /></td>
<td><asp:DropDownList ID="ddlHeadCompaniesKey" runat="server" AutoPostBack="True" CssClass="code" OnSelectedIndexChanged="ddlHeadCompaniesKey_SelectedIndexChanged" /></td>
</tr>
<tr>
<td>Clients</td>
<td><asp:DropDownList ID="ddlClients" runat="server" AutoPostBack="True" CssClass="name" OnSelectedIndexChanged="ddlClients_SelectedIndexChanged" /></td>
<td><asp:DropDownList ID="ddlClientsKey" runat="server" AutoPostBack="True" CssClass="code" OnSelectedIndexChanged="ddlClientsKey_SelectedIndexChanged" /></td>
</tr>
<tr>
<td colspan="3">
<asp:Button ID="btnOK" runat="server" UseSubmitBehavior="true" Text="OK" OnClick="btnOK_Click" />
</td>
</tr>
</table>