JScript实现地址选择功能

2019-11-19 15:48:12

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了JScript实现地址选择功能的具体代码，供大家参考，具体内容如下

<!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <title></title>    <script>      var shenArr = new Array(5);      shenArr["广东"] = ["广州","深圳","韶关","汕头","茂名"];      shenArr["湖南"] = ["长沙","张家界","株洲","岳阳","吉首"];      shenArr["湖北"] = ["武汉","宜昌","荆州","黄冈","仙桃"];      shenArr["安徽"] = ["合肥","黄山"];      shenArr["河南"] = ["郑州","开封","洛阳","信阳"];       function getShen(){        var s = document.getElementById("shen");        for(var v in shenArr){          //把数组键加入到省的下拉框          s.add(new Option(v,v),null);        }       }      function getCity(){        var s = document.getElementById("shen");        var c = document.getElementById("city");        var v = s.value;//省份的名称，也是数组中的键        c.options.length = 0;//把城市下拉框中的项清除        //循环把某一个省的城市加入到市的下拉框        for(var i in shenArr[v] ){          c.add(new Option(shenArr[v][i],shenArr[v][i]),null);        }      }    </script>  </head>  <body onload="getShen()">    省:<select id="shen" onchange="getCity()">      <option value="0">--请选择--</option>    </select>    市:<select id="city"></select>  </body></html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：js实现网页的两个input标签内的数值加减(示例代码)

下一篇：jQuery实现腾讯信用界面(自制刻度尺)样式