省市县ASP.NET三级联动列表写法
时间: 2024-09-24 12:07:24 浏览: 37
C#省市县三级联动菜单选择类
在ASP.NET中实现省市县三级联动列表通常使用前端JavaScript库配合服务器端的数据绑定。以下是一个基本步骤的示例:
1. HTML结构:
```html
<select id="province" onchange="loadCities(this.value)">
<option value="">请选择省份</option>
</select>
<select id="city">
<option value="">请选择城市</option>
</select>
<select id="district">
<option value="">请选择区县</option>
</select>
```
2. JavaScript部分(假设使用jQuery简化操作):
```javascript
function loadCities(provinceId) {
$.ajax({
url: '/YourController/GetCities', // 替换为你的实际控制器和方法
type: 'GET',
data: { provinceId: provinceId },
success: function(result) {
var cities = $('#city').empty();
if (result.success) {
$.each(result.cities, function(index, city) {
cities.append('<option value="' + city.Id + '">' + city.Name + '</option>');
});
}
},
error: function() {
alert('获取城市数据失败');
}
});
}
```
3. ASP.NET服务端控制器方法(例如Controller.cs):
```csharp
public JsonResult GetCities(int? provinceId)
{
// 从数据库获取对应省份的城市信息,填充数据到List<City>中
List<City> cities = GetCitiesFromDB(provinceId);
return Json(new { success = true, cities = cities }, JsonRequestBehavior.AllowGet);
}
private List<City> GetCitiesFromDB(int? provinceId)
{
// 根据provinceId查询数据库并返回 City 对象集合
// 这里省略具体的数据库查询代码
}
```
阅读全文