使用jQuery完成省市二级联动

<script>
  $(function(){
    //创建二位数组用于存储省份和城市
    var cities=new Array(3);
    cities[0] = new Array("武汉市","黄冈市","襄阳市","荆州市");
	cities[1] = new Array("长沙市","郴州市","株洲市","岳阳市");
	cities[2] = new Array("石家庄市","邯郸市","廊坊市","保定市");
	cities[3] = new Array("郑州市","洛阳市","开封市","安阳市");
    $("#province").change(function(){
      //清除第二个下拉列表的内容
      $("city").empty();
      //获取用户选择的省份
      var val=this.value;
      //遍历二维数组中的省份
      $.each(cities,function(i,n)){
        //判断用户遍历的省份和选择的省份
        if(val==i){
          //遍历该省份下的所有城市
          $.each(cities[i],function(j,m){
            //创建城市文本节点
            var textNode=document.createTextNode(m);
            //创建option元素节点
            var opEle=documment.createElement("option");
            //将城市文本节点添加到option元素节点中去
            $(opEle).append(textNode);
            //将option元素节点追加到第二个下拉列表中去
            $(opEle).appendTo($("#city"));
          });
        }
      }
    });
  });
</script>

 

转载于:https://www.cnblogs.com/strawqqhat/p/10602231.html