<!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,郁闷!请给位帮助!

解决方案 »

  1.   

    加上ranat="server"就能看到了。
      <select id="provinceSelector" runat="server"></select>
    或者  <select id="provinceSelector"  name="provinceSelector" ></select>后台通过Request["provinceSelector"]取值
      

  2.   

    去看看基础,html提交的表单咋获取    <select id="provinceSelector" name="provinceSelector"></select>
        <select id="citySelector" name="citySelector"></select>
        <select id="areaSelector" name="areaSelector"></select>
      

  3.   

    这个可以。或者你用asp。net的控件。拖上去就行。