JScript实现地址选择功能
更新时间：2017年08月15日 08:54:53 作者：顾白的顾小白
这篇文章主要为大家详细介绍了JScript实现地址选择功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
本文将利用微信小程序制作一个简易的图片处理小工具（自制低配版美图秀秀），有滤镜、效果图和动态滤镜三个功能，快跟随小编一起学习学习吧2022-06-06
ionic中的$ionicPlatform.ready事件中的通用设置
$ionicPlatform.ready事件是用于检测当前的平台是否就绪的事件，相当于基于document的deviceready事件, 在app中一些通用关于设备的设置必须在这个事件中处理2017-06-06
上篇中的选项卡存在这样的问题：把逻辑封装在table.js中，不够灵活，也就是说如果某个选项卡是实现异步请求或者跳转，而非div的显隐切换，那么就得修过table.js来达到目的，显然不是我所需要的。2010-05-05
本篇文章给大家分享了用嘴简单的JS代码来实现经典贪吃蛇游戏的全部内容，有兴趣的朋友参考学习下。2018-01-01
js中的this关键字平时在开发中使用时倒是也能正常应用,但是对其使用和判断并不能信手拈来,所以下面这篇文章主要给大家介绍了关于js中this关键字的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-07-07
underscore之function_动力节点Java学院整理
因为underscore本来就是为了充分发挥JavaScript的函数式编程特性，所以也提供了大量JavaScript本身没有的高阶函数。本文重点给大家介绍underscore之function知识，感兴趣的的朋友一起学习吧2017-07-07
首先说明JS的特点。JS是弱类型的语言，像什么模板多态、又是类又是结构的说法，就完全不存在。2011-07-07
在微信小程序开发时,经常要用到一个控件会根据不同的情况和环境动态显示与隐藏这种情况,下面这篇文章主要给大家介绍了关于微信小程序控制view隐藏显示的5种方法,需要的朋友可以参考下2022-04-04
今天小编就为大家分享一篇解决layui 复选框等内置控件不显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
在我们js编写程序的时候，我们会写很多函数然后调用它们，那么这些函数调用的时候什么时候加()什么时候不加()呢？下面小编给大家简单介绍下2016-07-07
最新评论