如何綁定一個下拉列表，取決於另一個下拉列表的值

Question

在我的情況下，使用國家，州，城市和MainRoad的級聯下拉列表。

它在選擇上正常工作，但我希望當國家項目更改onkeyup或onkeydown時間加載依賴狀態項目相同的狀態，城市或MainRoad。

如何做到這一點請提供幫助完整的解決方案。

我的代碼是：

<cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></cc1:ToolkitScriptManager><div><table cellpadding="3" cellspacing="3"><tr><td>Country</td><td><asp:DropDownList ID="dr_country" runat="server" ></asp:DropDownList><cc1:CascadingDropDown ID="cas_country" runat="server"Category="Country" TargetControlID="dr_country" UseContextKey="true" LoadingText="Loading ......" PromptText="Select Country" PromptValue="" ServiceMethod="BindCountrydropdown" ServicePath="CascadeDropDownService.asmx"> </cc1:CascadingDropDown></td></tr> 
    <tr><td>State</td><td><asp:DropDownList ID="dr_state" runat="server"></asp:DropDownList><cc1:CascadingDropDown ID="cas_state" runat="server" Category="State" TargetControlID="dr_State" ParentControlID="dr_country" LoadingText="Loading ......" PromptText="Select State" PromptValue="" ServiceMethod="BindStatedropdown" ServicePath="CascadeDropDownService.asmx"></cc1:CascadingDropDown></td></tr><tr><td>City</td><td><asp:DropDownList ID="dr_city" runat="server" ></asp:DropDownList><cc1:CascadingDropDown ID="cas_city" runat="server" Category="Region" TargetControlID="dr_city" ParentControlID="dr_State" PromptValue="" LoadingText="Loading Cities..." PromptText="Select City" ServiceMethod="BindCitydropdown" ServicePath="CascadeDropDownService.asmx"> </cc1:CascadingDropDown> 
</td></tr><tr><td>MainRoad</td><td><asp:DropDownList ID="dr_mainroad" runat="server"></asp:DropDownList><cc1:CascadingDropDown ID="cas_mainroad" runat="server" Category="Mainroad" TargetControlID="dr_MainRoad" ParentControlID="dr_city" PromptValue="" LoadingText="Loading Main Road..." PromptText="Select Mainroad" ServiceMethod="BindMainroadropdown" ServicePath="CascadeDropDownService.asmx"></cc1:CascadingDropDown></td></tr></table></div> 

Answer 1

您可以輕鬆地做到這一點，而無需使用AJAX。只要綁定的dr_country

<asp:DropDownList ID="dr_country" CssClass="form-control" runat="server" 
    AutoPostBack="True" onselectedindexchanged="dr_country_SelectedIndexChanged"> 

的dr_state在selecedindexchange事件，並在後面的代碼

protected void dr_country_SelectedIndexChanged(object sender, EventArgs e) 
{ 
    // Bind you dr_state dynamically here with parameter country. 
} 

和同爲城市和街道地址。