KendoUI系列：DropDownList

<input id="province" />
<input id="city" />

<script type="text/javascript">
$(function () {
$("#province").kendoDropDownList({
optionLabel: "--请选择省份--",
dataTextField: "ProvinceName",
dataValueField: "ProvinceID",
dataSource: {
transport: {
read: {
dataType: "json",
url: "/DropDownList/GetProvinceList"
}
}
},
change: onChange
});
$("#city").kendoDropDownList({
optionLabel: "--请选择城市--"
});
});
function onChange() {
$("#city").kendoDropDownList({
optionLabel: "--请选择城市--",
dataTextField: "CityName",
dataValueField: "CityID",
dataSource: {
transport: {
read: {
dataType: "json",
url: "/DropDownList/GetCityListByProvinceID",
data: { provinceID: $("#province").data("kendoDropDownList").value() }
}
}
}
});
}
</script>