如何在客戶端更快地顯示DropDownList數據加載？

Question

我在我的應用程序中使用C＃ASP.NET 3.5。在我的應用程序中，我確實有一個基於另一個DropDownList選擇值填充DropDownList的頁面。

我的每個DropDownList在其選擇上都有一個selectedIndexChange方法。由於這種數據檢索速度較慢。

有沒有客戶端的AJAX工具來處理這個問題，使其更快？請指教。

我附上了我的頁面的圖像。

Answer 1

Yeah.There名爲CascadingDropDown

<cc1:CascadingDropDown ID="cdlportfolio" TargetControlID="ddlportfolio" 
             PromptValue="" ServicePath="ServiceVB.asmx" ServiceMethod="Getportfolio" runat="server" 
             Category="portfolio" LoadingText = "Loading..." /> 

Answer 2

$(function() { 
$('#<%=ddlstate.ClientID %>').attr('disabled', 'disabled'); 
$('#<%=ddlcity.ClientID %>').attr('disabled', 'disabled'); 
$('#<%=ddlstate.ClientID %>').append('<option selected="selected" value="0">Select State</option>'); 
$('#<%=ddlcity.ClientID %>').empty().append('<option selected="selected" value="0">Select Region</option>'); 
$('#<%=ddlcountries.ClientID %>').change(function() { 
var country = $('#<%=ddlcountries.ClientID%>').val() 
$('#<%=ddlstate.ClientID %>').removeAttr("disabled"); 
$('#<%=ddlcity.ClientID %>').empty().append('<option selected="selected" value="0">Select Region</option>'); 
$('#<%=ddlcity.ClientID %>').attr('disabled', 'disabled'); 
$.ajax({ 
type: "POST", 
url: "jQueryCascadingDropdownExample.aspx/BindStates", 
data: "{'country':'" + country + "'}", 
contentType: "application/json; charset=utf-8", 
dataType: "json", 
success: function(msg) { 
var j = jQuery.parseJSON(msg.d); 
var options; 
for (var i = 0; i < j.length; i++) { 
options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>' 
} 
$('#<%=ddlstate.ClientID %>').html(options) 
}, 
error: function(data) { 
alert('Something Went Wrong') 
} 
}); 
}); 

請參考以下鏈接的AJAX控件。

http://www.aspdotnet-suresh.com/2013/10/jquery-cascading-dropdown-list-in-aspnet.html