蓝桥杯web国赛-新增地址

题目：

、

代码：

// 选择省份后对应城市下拉列表内容渲染
function provincechange() {
  // TODO：请补充代码实现功能
  let province=document.getElementById("param_province").value//拿到选择哪个省份
  let city = document.getElementById("param_city");
  let index=provinces.indexOf(province)//拿到省份的数组下标，城市和省份下标一一对应
  city.length = citys[index].length;
  for (var i = 0; i < citys.length; i++) {
    city.options[i].text = citys[index][i];
    city.options[i].value = citys[index][i];
  }
}

 

// 提交信息后，读取并显示在页面中
function saveInfo() {
  // TODO：请补充代码实现功能
  let address=document.querySelector("#param_address").value
  let name=document.querySelector("#param_name").value
  let phone=document.querySelector("#param_phone").value
  if(!address&&!name&&!phone){
    document.querySelector(".warning-dialog").style.display="block"
  }
}

 

/**
 * 为标签绑定单击事件。
 * 事件效果为：
 * 1、鼠标点击该标签后该标签样式显示 class=active；
 * 2、其他已选标签的 active 样式被移除；
 * 3、将选中的标签对应下标（即选择器为 “mark a” 选中的标签对应的下标）更新到 id=param_mark 的隐藏的 input 中。
 */
function addClick() {
  // TODO：请补充代码实现功能
  let aList=document.querySelectorAll(".mark a")
  aList.forEach(element => {
    element.addEventListener("click",()=>{
      document.querySelector(".active").classList.remove("active")
      element.classList.add("active")
    })
  });
}