今天遇到一個(gè)奇怪的問(wèn)題，某一頁(yè)面需要使用三級(jí)級(jí)聯(lián)下拉列表框。為提高用戶體驗(yàn)，采用jQuery的cascadingDropDown插件調(diào)用后臺(tái)Web Services來(lái)實(shí)現(xiàn)ajax填充。

填充沒(méi)有任何問(wèn)題，但是在服務(wù)器端卻取不出來(lái)下拉表中的內(nèi)容。頁(yè)面代碼如下。

復(fù)制代碼代碼如下:

 
<form id="form1" runat="server"> 
<div> 
<h3>看看用js填充的dropdownlist控件在服務(wù)器端能讀出來(lái)嗎？</h3> 
三個(gè)級(jí)聯(lián)下拉列表框： 
<asp:DropDownList runat="server" id="bigTypeList" Width="150"> 
</asp:DropDownList> 
<asp:DropDownList runat="server" id="typeList" Width="150"> 
</asp:DropDownList> 
<asp:DropDownList runat="server" id="smalltypeList" Width="150"> 
</asp:DropDownList> 
<br /> 
<asp:Button runat="server" Text="讀取下拉表" ID="OK" onclick="OK_Click" /><br /> 
你選的是：<asp:Label runat="server" Text="Label" ID="label1"></asp:Label> 
</div> 
</form> 

用來(lái)測(cè)試的后臺(tái)代碼如下。

復(fù)制代碼代碼如下:

 
protected void OK_Click(object sender, EventArgs e) 
{ 
ListItem[] array = new ListItem[3]; 
array[0] = bigTypeList.SelectedItem; //為null 
array[1] = typeList.SelectedItem; //為null 
array[2] = smalltypeList.SelectedItem; //為null 
} 

事實(shí)證明，在服務(wù)器端讀取客戶端填充的DropDownList控件的值時(shí)，根本讀不到任何內(nèi)容。DropDownList.Items.Count為0，DropDownList.SelectedItem為null。
那么，怎么得到這個(gè)值呢，只好使用Request.Form["控件的客戶端ID"]了。如下代碼所示。

復(fù)制代碼代碼如下:

string s=Request.Form[typeList.ClientID];

附：頁(yè)面中的JavaScript文件。

復(fù)制代碼代碼如下:

 
<script language="javascript" type="text/javascript"> 
$(function () { 
var bigId = '#<%=bigTypeList.ClientID%>'; 
var mediumId = '#<%=typeList.ClientID%>'; 
var smallId = '#<%=smalltypeList.ClientID%>'; 
$(bigId).cascadingDropDown(mediumId, 
'../Services/AutoTypeService.asmx/getAutoType', 
{ valueMember: 'id', displayMember: 'name', cascadingArgName: 'parent' }); 
$(mediumId).cascadingDropDown(smallId, 
'../Services/AutoTypeService.asmx/getSubAutoType', 
{ valueMember: 'id', displayMember: 'name', cascadingArgName: 'parent' }); 
}); 
</script> 

結(jié)束。

您可能感興趣的文章: