省市级联和表单验证

省份与城市之间的关联作用

省市级联和表单验证

//简单的加载省份的函数
function showProvinceOld(){
//定义表示省份的数组
var provinces = new Array(“江苏”, “浙江”, “安徽”, “河南”, “湖北”, “陕西”);

    //获取表示省份的下拉框
    var selProvince = document.getElementById("province");

    //var optionStr = "";
    //遍历数组，将数组中的省份添加到下拉框中
    for(var i in provinces){
      //创建Option对象
      var proOption = new Option(provinces[i], provinces[i]);
      //将省份名称添加到下拉框中
      selProvince.add(proOption);

      //optionStr += "<option value=" + provinces[i]  + ">" + provinces[i] + "</option>"
    }
    //selProvince.innerHTML = optionStr;
  }
function showCityOld(){
  //先获取用户选择的省份
  var provinceName = document.getElementById("province").value;

  switch(provinceName){
    case "江苏":
      alert("南京，苏州，无锡，常州，镇江");
      break;
    case "安徽":
      alert("合肥、芜湖、蚌埠、安庆");
      break;
    case "浙江":
      alert("宁波、台州、温州、杭州、舟山");
      break;
  }
}
//使用二维数组的方法定义数组
var provinces = new Array();
//初始化数组
provinces["江苏"] = new  Array("南京", "苏州", "无锡", "常州", "镇江", "扬州", "泰州", "盐城", "淮安", "徐州");
provinces["浙江"] = new Array("台州", "舟山", "杭州", "宁波", "绍兴", "温州", "金华");
provinces["安徽"] = new Array("合肥", "芜湖", "黄山", "淮南", "安庆", "六安", "宿州");
provinces["河南"] = new Array("郑州", "洛阳", "开封", "许昌", "信阳", "驻马店");

//使用二维数组初始化省份
function showProvince(){
  //获取省份下拉框对象
  var selProvince = document.getElementById("province");

  //遍历数组，将数组中的省份添加到下拉框中
  for(var i in provinces){
    //创建Option对象
    var optProvince = new Option(i, i);
    //将Option对象添加到省份下拉框中
    selProvince.add(optProvince);
  }
}

function showCity(){
  //先获取用户选择的省份
  var provinceName = document.getElementById("province").value;
  //获取城市下拉框对象
  var selCity=document.getElementById("city");
  //将城市下拉框中原先的数据清理掉
  selCity.length = 0 ;

  //如果用户选择的不是“请选择省份”
  if(provinceName != "-1"){
     for (var i in provinces[provinceName]){
       //定义变量保存当前遍历的数组元素
       var cityName = provinces[provinceName][i];
       //创建Option对象（添加城市下拉框中option）
       var optCity = new Option(cityName,cityName);
       //将option对象添加到城市下拉框中
       selCity.add(optCity);
     }
  }else {
    alert("请选择省份");
  }
}

所在地： 请选择省份 省  请选择省份 市