JScript实现地址选择功能
发布时间 - 2026-01-11 02:47:33 点击率:次本文实例为大家分享了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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# JScript
# 地址选择
# javascript实现的仿51job地址多项选择方式效果
# 吉首
# 仙桃
# 黄冈
# 信阳
# 韶关
# 茂名
# 荆州
# 株洲
# 岳阳
# 宜昌
# 张家界
# 下拉框
# 黄山
# 汕头
# 洛阳
# 合肥
# 长沙
# 郑州
# 湖北
# 湖南
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?
Laravel如何使用Sanctum进行API认证?(SPA实战)
实例解析Array和String方法
Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置
如何快速生成可下载的建站源码工具?
Python自然语言搜索引擎项目教程_倒排索引查询优化案例
如何快速搭建高效WAP手机网站?
什么是JavaScript解构赋值_解构赋值有哪些实用技巧
5种Android数据存储方式汇总
如何自定义建站之星网站的导航菜单样式?
如何在IIS7上新建站点并设置安全权限?
如何基于云服务器快速搭建网站及云盘系统?
如何在局域网内绑定自建网站域名?
移动端手机网站制作软件,掌上时代,移动端网站的谷歌SEO该如何做?
百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧
javascript中的try catch异常捕获机制用法分析
Laravel如何创建和注册中间件_Laravel中间件编写与应用流程
javascript基本数据类型及类型检测常用方法小结
Laravel怎么调用外部API_Laravel Http Client客户端使用
如何用wdcp快速搭建高效网站?
北京企业网站设计制作公司,北京铁路集团官方网站?
Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】
JavaScript常见的五种数组去重的方式
作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】
ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】
Swift中swift中的switch 语句
网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?
如何在云虚拟主机上快速搭建个人网站?
Laravel广播系统如何实现实时通信_Laravel Reverb与WebSockets实战教程
JavaScript如何实现路由_前端路由原理是什么
如何快速选择适合个人网站的云服务器配置?
如何快速搭建支持数据库操作的智能建站平台?
高防服务器租用首荐平台,企业级优惠套餐快速部署
如何在七牛云存储上搭建网站并设置自定义域名?
Laravel的路由模型绑定怎么用_Laravel Route Model Binding简化控制器逻辑
如何获取免费开源的自助建站系统源码?
使用spring连接及操作mongodb3.0实例
Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】
教学论文网站制作软件有哪些,写论文用什么软件
?
哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?
Laravel Fortify是什么,和Jetstream有什么关系
韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐
简单实现Android验证码
Laravel如何实现多对多模型关联?(Eloquent教程)
浅述节点的创建及常见功能的实现
Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】
东莞市网站制作公司有哪些,东莞找工作用什么网站好?
昵图网官方站入口 昵图网素材图库官网入口
Laravel怎么解决跨域问题_Laravel配置CORS跨域访问
佐糖AI抠图怎样调整抠图精度_佐糖AI精度调整与放大细化操作【攻略】

