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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
本文向大家介绍Android仿手机通讯录地址选择功能，包括了Android仿手机通讯录地址选择功能的使用技巧和注意事项，需要的朋友参考一下 感觉比较好的一个地址选择设计，而且发现有的App中也用到了。还是先上效果图 思路： 1.效果是仿照网上大神实现的类似通讯录样式做的； 2.右边a-z是自定义的一个bar，设置了点击监听事件，以及对话框弹出 3.关键是adapter，判断了字母显示和隐藏 4.用
-
本文向大家介绍轻松实现Android仿淘宝地区选择功能，包括了轻松实现Android仿淘宝地区选择功能的使用技巧和注意事项，需要的朋友参考一下 最近用淘宝客户端的时候，编辑地址的时候有个地区选择的功能。看上面的效果觉得挺酷，滚动的时候，是最后一个从下面飞上来挨着前一个。就自己鼓捣一个出来玩玩。 说了效果可能不太直观，下面上两张图看看效果 淘宝地区选择效果 再来一张自己的效果 gif的效果可能不太好
-
本文向大家介绍Vue实现选择城市功能，包括了Vue实现选择城市功能的使用技巧和注意事项，需要的朋友参考一下 查看完整的代码请到 我的github地址 https://github.com/qianyinghuanmie/vue2.0-demos 一、结果展示 二、前期准备： 1.引入汉字转拼音的插件，利用NPM安装 代码指令为 npm install pinyin --save ，详细步骤请
-
本文向大家介绍vue实现购物车选择功能，包括了vue实现购物车选择功能的使用技巧和注意事项，需要的朋友参考一下 使用vue制作一个购物车功能，只是一个测试版本，注重的是功能实现，界面并没有做好，数据也是模拟数据等 不说那么多，直接上代码 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。
-
本文向大家介绍Android实现图片选择上传功能实例，包括了Android实现图片选择上传功能实例的使用技巧和注意事项，需要的朋友参考一下 效果图： 添加依赖： 选择图片：compile 'com.lzy.widget:imagepicker:0.5.4' github地址：https://github.com/jeasonlzy/ImagePicker 上传文件：compile 'com.zhy
-
本文向大家介绍JS实现很酷的EMAIL地址添加功能实例，包括了JS实现很酷的EMAIL地址添加功能实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现很酷的EMAIL地址添加功能的方法。分享给大家供大家参考。具体实现方法如下： 希望本文所述对大家的javascript程序设计有所帮助。