<Scripttype= "Text/javascript">$ (document). Ready (function() {getbyjquery (); $("#ddlProvince"). Change (function() {getcity ()}); $("#ddlCity"). Change (function() {getdistrict ()}); }); functionGetbyjquery () {$ ("#ddlProvince"). empty (); //emptying the province select control$.getjson ("/ajax/getprovincelist", function(data) {$.each (data),function(I, Item) {$ ("<option></option>"). Val (item["Provinceid"]). Text (item["Provincename"]). AppendTo ($ ("#ddlProvince")); }); Getcity (); }); } functiongetcity () {$ ("#ddlCity"). empty (); //Empty City Select control varURL="/ajax/getcitylist/" + $("#ddlProvince"). Val (); $.getjson (URL,function(data) {$.each (data),function(I, Item) {$ ("<option></option>"). Val (item["Cityid"]). Text (item["CityName"]). AppendTo ($ ("#ddlCity")); }); Getdistrict (); }); } functionGetdistrict () {$ ("#ddlDistrict"). empty (); //Empty City Select control varURL= "/ajax/getdistrictlist/" + $("#ddlCity"). Val (); $.getjson (URL,function(data) {$.each (data),function(I, Item) {$ ("<option></option>"). Val (item["Districtid"]). Text (item["Districtname"]). AppendTo ($ ("#ddlDistrict")); }); }); }</Script>
<Table><TR><TD><SelectID= "Ddlprovince"/></TD><TD><SelectID= "Ddlcity"/></TD><TD><SelectID= "Ddldistrict" /></TD></TR></Table>
Transferred from: http://group.cnblogs.com/topic/9741.html
Goto: jquery implements data loading and linkage in the dropdown box