Question

js 三级联动 下拉框改值 问题！！！！！

http://pan.baidu.com/s/1bnrP9kr代码太多 放在百度网盘离了，哪位大神帮看下！三级框，我想让它默认就是北京，北京市, 东城区，但是怎么弄都没明白！谢谢各位大大了！！！！！

Answer 1

JS：
$(function () {
//加载省份
loadProvince();
//选中省份改变后加载城市
$('#Province').change(function () {
//获取当前选中的城市的id
var cityId = $(this).val();
//根据id查询所有数据
$.getJSON('CityHandler.ashx', { pid: cityId }, function (_jsondata) {
//加载之前清空
$('#City').empty();
for (var i = 0; i < _jsondata.length; i++) {
$('<option value="' + _jsondata[i].CityID + '">' + _jsondata[i].CityName + '</option>').appendTo('#City');
}
//触发市拉菜单的改变事件
$('#City').change();
});
});
//加载区
$('#City').change(function () {
//获取当前区的ID
var districtId = $(this).val();
//根据id查询所有数据
$.getJSON('DistrictHandler.ashx', { cid: districtId }, function (_jsondata) {
//加载之前清空
$('#District').empty();
for (var i = 0; i < _jsondata.length; i++) {
$('<option value="' + _jsondata[i].DistrictID + '">' + _jsondata[i].DistrictName + '</option>').appendTo('#District')
}
});
})
});
function loadProvince() {
$.getJSON('ProvincesHandler.ashx', function (_jsonData) {
//加载之前清空
$('#Province').empty();
//给个默认值
$('<option value="" selected="selected">' + '请选择' + '</option>').appendTo('#Province');
//遍历_jsonData
for (var i = 0; i < _jsonData.length; i++) {
$('<option value="' + _jsonData[i].ProvinceId + '">' + _jsonData[i].ProvinceName + '</option>').appendTo('#Province');
}
//触发省份下拉菜单的改变事件
$('#Province').change();
});
}
Html:

<tr>
<th width="20%" style="text-align: right;">
省 市 区：
</th>
<th width="20%" style="text-align: left; width: 40%;" colspan="3">
<select id="Province" name="Province" style="width: 100px;">
<option value="<%=_model.PatientProvince%>"></option>
</select>
<select id="City" name="City" style="width: 100px;">
<option value="<%=_model.PatientCity%>"></option>
</select>
<select id="District" name="District" style="width: 100px;">
<option value="<%=_model.PatientArea%>"></option>
</select>
</th>
</tr>
注:3个一般处理程序，对应省市区