下拉框中选定值的关联

CoCO-Ebook 2013-11-04

展开全文

<html>
  <head>
    <meta http-equiv=content-type content="text/html;charset=GBK">
    <script language="JavaScript" type="text/javascript">
        <!--
            // 初始时定义相关数组
            var provinces = ["吉林", "辽宁", "黑龙江", "江苏", "山东"];
            var jiLin = ["长春", "吉林", "白城", "白山"];
            var liaoNing = ["沈阳", "大连", "鞍山"];
            var heiLongJiang = ["哈尔滨", "佳木斯", "牡丹江", "齐齐哈尔"];
            var jiangSu = ["南京", "苏州", "无锡", "常州", "徐州"];
            var shanDong = ["济南", "烟台", "青岛", "威海"];
            var allProvinces = ["", jiLin, liaoNing, heiLongJiang, jiangSu, shanDong];
             
            // 取得用户选择的省
            function selectProvince(obj){
                var province = obj.value;
                if(parseInt(province) >= allProvinces.length)
                    return;
                addCity(allProvinces[province]);
            }
            // 向城市复选框中添加数据
            function addCity(province){
                var citys =  document.all.city;
                citys.options.length = 1;
                if(province == "") return;
                for(var i=0; i<province.length; i++){
                    citys.add(new Option(province[i], i+1, false, false));
                }
             }
        -->
    </script>
  </head>
  <body>
    <!--province-->
    <select  id="sheng" onchange="selectProvince(this);">
      <option value="0" selected = true>选择省</option>
    </select>
        
    <!--city-->
    <select  id="city">
      <option value="0" selected = true>城市</option>
    </select>
    <script language="JavaScript" type="text/javascript">
        <!--
             // 初始化省
             var obj = document.all.sheng;
             for(i=0;  i<5;  i++){
                 obj.add(new Option( provinces[i],   i + 1,  false,   false));
             }
         -->
    </script>
  </body>
</html>