关于select标签的问题
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="sitedata.js"></script>
<script type="text/javascript">
$(document).ready(function () {
var provinceSelector = $("#provinceSelector");
var citySelector = $("#citySelector");
var areaSelector=$("#areaSelector");
GetProvince();
provinceSelector.change(function () {
var provinceName = provinceSelector.val();
if (provinceName != '') {
GetCity(provinceName);
areaSelector.empty();
}
else{
citySelector.empty();
areaSelector.empty();
}
});
citySelector.change(function () {
var provinceName = provinceSelector.val();
var cityName = citySelector.val();
if(cityName!=''){
GetArea(provinceName, cityName);
}
else{
areaSelector.empty();
}
});
});
// 获取省份(直辖市)信息
function GetProvince() {
var provSelector = $("#provinceSelector");
provSelector.empty();
provSelector.append("<option value=''>--请选择--</option>");
var arrProvince = provinceInfo;
for (var provinceIndex in arrProvince) {
provSelector.append("<option value='" + arrProvince[provinceIndex]["name"] + "'>" + arrProvince[provinceIndex]["name"] + "</option>")
}
}
// 获取指定省份(直辖市)的城市(辖区或县)信息
function GetCity(provinceName) {
var citySelector = $("#citySelector");
var arrCity;
for (var provinceIndex in provinceInfo) {
if (provinceInfo[provinceIndex]["name"] == provinceName) {
arrCity = provinceInfo[provinceIndex]["sub"];
break;
}
}
citySelector.empty();
citySelector.append("<option value=''>--请选择--</option>")
for (var cityIndex in arrCity) {
citySelector.append("<option value='" + arrCity[cityIndex]["name"] + "'>" + arrCity[cityIndex]["name"] + "</option>")
}
}
// 获取指定城市(辖区或县)的地区信息
function GetArea(provinceName, cityName) {
var areaSelector = $("#areaSelector");
var arrCity, arrArea;
for (var provinceIndex in provinceInfo) {
if (provinceInfo[provinceIndex]["name"] == provinceName) {
arrCity = provinceInfo[provinceIndex]["sub"];
for (var cityIndex in arrCity) {
if (arrCity[cityIndex]["name"] == cityName) {
arrArea = arrCity[cityIndex]["sub"];
break;
}
}
}
}
areaSelector.empty();
areaSelector.append("<option value=''>--请选择--</option>")
for (var areaIndex in arrArea) {
areaSelector.append("<option value='" + arrArea[areaIndex]["name"] + "'>" + arrArea[areaIndex]["name"] + "</option>")
}
}
</script>
</head>
<body>
<div>
<select id="provinceSelector"></select>
<select id="citySelector"></select>
<select id="areaSelector"></select>
</div>
</body>
</html>
这是一个选择省市区的控件。我在后台.cs页面里面provinceSelector页面里面想获取到这三个<select>标签的值,为什么找不到provinceSelector,citySelector,areaSelector,郁闷!请给位帮助!
[解决办法]
加上ranat="server"就能看到了。
<select id="provinceSelector" runat="server"></select>
或者
<select id="provinceSelector" name="provinceSelector" ></select>
后台通过Request["provinceSelector"]取值