JS实现二级联动

于 2018-07-05 01:37:15 发布
阅读量155 收藏
点赞数
分类专栏： JS实现二级联动 文章标签： JS实现二级联动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39376653/article/details/80920913
版权
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>二级联动</title>
<script type="text/javascript">
//定义数组--一维
var arr1=new Array("广西","广东","云南");
//二维
var arr2=new Array();
arr2[0]=["北海","贺州","防城港"];
arr2[1]=["深圳","广州","佛山"];
arr2[2]=["西双版纳","丽江","天堂"];

window.οnlοad=function(){
var capital=document.getElementById("capital");
for(var i=0;i<arr1.length;i++){
capital.add(new Option(arr1[i],arr1[i]),null);
}
}
    function capChange(){
var capitalval=document.getElementById("capital").value;
var city =document.getElementById("city")
city.options.length=0;
for(var i=0;i<arr1.length;i++){
if(arr1[i]==capitalval){
for(var j=0;j<arr2.length;j++){
city.add(new Option(arr2[i][j],arr2[i][j]),null);
}
}
}
}
</script>
</head>
<body>
<h3>地理下拉列表</h3>
<p>
<select id="capital" style="width: 120px;" οnchange="capChange()">
<option>--请选择省--</option>
</select>
<select id="city" style="width: 120px;" >
<option>--请选择市--</option>
</select>
</p>
</body>
</html>
Cyl小丑
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js省市二级联动文件!
11-27
一个js省市二级联动文件, 比较的实用!
js实现二级联动小demo
GongWei_的博客
12-01 143
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select id="one" onchange="fn(this.value)"> <option value ="">——请选择——</option> <option v
js实现二级联动简单实例
11-28
本文实例为大家分享了js实现二级联动的具体代码，供大家参考，具体内容如下 此实例是一个简单的二级联动，第一个列表中的值为固定的，第二个列表中的值随着第一个列表值的变化而变化，即第一个列表影响第二个列表。 ...
原生js实现二级联动菜单
10-15
本篇文章将详细介绍如何使用原生JavaScript实现二级联动菜单。 首先，我们需要了解HTML结构。在示例代码中，有两个`<select>`元素，分别代表一级菜单（chose1）和二级菜单（chose2）。一级菜单的`onchange`事件被...
基于Javascript实现二级联动菜单效果
10-22
主要介绍了基于Javascript实现二级联动菜单效果的相关资料,需要的朋友可以参考下
js实现下拉框二级联动
10-17
主要为大家详细介绍了js实现下拉框二级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
数据分析的核心技能和方法
07-19
数据分析的核心技能和方法
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包
07-19
毕业设计javajsp人寿保险销售网站(ssh)-qkrp源码含文档工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 平湖人寿保险公司保险销售网站分为用户和管理员两个部分 前台部分（用户界面）： 1、资讯浏览功能： （1）新闻资讯浏览 （2）新闻资讯查询 （3）公司简介 （4）通知公告 2、用户登录注册功能： （1）注册 （2）登录 3、用户管理功能 （1）个人信息管理 （2）订单管理 4、保险购买功能： （1）保险产品浏览 （2）保险产品查询 （3）保险产品购买 后台管理（管理员界面） 1、管理员登录功能： 管理员在管理员登录界面输入用户名和密码，即可登录管理员的界面。 2、资讯管理功能： （1）新闻资讯管理 （2）公司简介管理 （3）通知公告管理 3、保险产品管理： （1）保险产品信息管理 （2）保险产品查询 4、会员管理： （1）会员删除 （2）会员级别管理 5、统计管理： （1）保险产品销售量统计 （2）有效会员数量统计 包含：源码、数据库脚本、论文、环境工具包、相同框架项目的安装教程
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包
07-19
毕业设计javajsp公共课考试系统(ssh)-qlkrp源码工具包 后台是ssh框架，页面是jsp，数据库mysql，jdk1.8，开发工具用ecplise、myecplise、sts、idea都可以 题库 试卷信息管理 阅卷 统计功能 包含：源码、数据库脚本、环境工具包、相同框架项目的安装教程（在说明文档中）
揭秘黑箱：YOLO预测结果的可解释性探究
07-19
YOLO（You Only Look Once）是一种流行的实时对象检测系统，最初由 Joseph Redmon 等人在 2015 年提出。它的核心思想是将对象检测任务视为一个回归问题，直接从图像像素到边界框坐标和类别概率的映射。YOLO 以其快速和高效而闻名，特别适合需要实时处理的应用场景。 以下是 YOLO 的一些关键特点： 1. **单次检测**：YOLO 模型在单次前向传播中同时预测多个对象的边界框和类别概率，不需要多次扫描图像。 2. **速度快**：YOLO 非常快速，能够在视频帧率下进行实时检测，适合移动设备和嵌入式系统。 3. **端到端训练**：YOLO 模型可以从原始图像直接训练到最终的检测结果，无需复杂的后处理步骤。 4. **易于集成**：YOLO 模型结构简单，易于与其他视觉任务（如图像分割、关键点检测等）结合使用。 5. **多尺度预测**：YOLO 可以通过多尺度预测来检测不同大小的对象，提高了检测的准确性。 YOLO 已经发展出多个版本，包括 YOLOv1、YOLOv2（也称为 YOLO9000）、YOLOv3、YOLOv4 和 YOLOv5 等。
吃鸡pubg适用于罗技GHUB的鼠标宏
07-19
安装步骤如下！ 导入lua宏到GHUB的步骤如下： 1. 打开GHUB，选择你的罗技鼠标。 2. 转到“宏”选项卡，创建一个新的宏。 3. 在宏编辑器中，点击“导入”，选择"pubg1.lua"文件。 4. 宏会自动加载lua文件中的所有操作，你可以调整它们的顺序或延迟时间，以适应自己的游戏风格。 5. 将这个宏绑定到鼠标上的任意按键，就可以在游戏中使用了
基于海洋捕食者优化算法MPA-VMD实现信号去噪目标函数为包络信息熵 包络熵 排列熵 样本熵最小附matlab代码.rar
07-19
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
工业控制系统安全测评指导书（二级）
最新发布
07-20
工业控制系统安全测评指导书（二级）
基于springboot+jsp的毕业生信息管理系统数据库表
07-19
设计一个毕业生信息管理系统，可实现管理员、辅导员、学生用户进行登录的系统，去除掉一些不必要的功能并添加一些新的功能使得页面更加简洁，用户可简单直接地进行操作该系统，并且更好地使用该系统，从而对毕业生的信息进行更好的管理。
高分项目-基于SpringBoot框架实现的旧物置换网站（包含全套源码 + 数据库sql + 论文）.zip
07-19
高分项目-基于SpringBoot框架实现的旧物置换网站（包含全套源码 + 数据库sql + 论文）
基于Springboot的自习室管理和预约系统设计与实现论文
07-19
传统信息管理方式存在显著不足，首先耗时较长，其次数据错误率较高，且错误数据更正难度大，最后数据检索过程也颇为繁琐费力。因此，引入自习室管理和预约系统软件，旨在发挥其高效信息处理的能力，以优化信息管理流程，使管理工作更加系统化和程序化。同时，该系统的有效运用还能助力管理人员准确快速地处理信息。 在开发自习室管理和预约系统时，我们对于开发工具的选择尤为谨慎。为了便于开发与实现，我们选择了IDEA作为开发工具，并采用Mysql作为数据库工具。以此为基础搭建的开发环境，成功实现了自习室管理和预约系统的多项功能，包括管理员对用户和新闻公告的管理。 自习室管理和预约系统是一款基于软件开发技术精心打造的应用系统，它在信息处理方面展现出卓越的性能。无论是数据添加、数据维护与统计，还是数据查询等处理需求，该系统都能轻松胜任，展现出其强大的处理能力。
《AI大模型应用》--基于 Azure OpenAI API 和 gpt-35-turbo 模型的一个简易聊天网站.zip
07-19
个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！ 个人深耕AI大模型应用领域积累的成果，希望对您有所帮助。有大模型账号、环境问题、AI大模型技术应用落地方案等相关问题，欢迎详聊，能为您解决问题是我的荣幸！
自监督学习：YOLO模型性能提升的新前沿
07-19
YOLO（You Only Look Once）是一种流行的实时对象检测系统，最初由 Joseph Redmon 等人在 2015 年提出。它的核心思想是将对象检测任务视为一个回归问题，直接从图像像素到边界框坐标和类别概率的映射。YOLO 以其快速和高效而闻名，特别适合需要实时处理的应用场景。 以下是 YOLO 的一些关键特点： 1. **单次检测**：YOLO 模型在单次前向传播中同时预测多个对象的边界框和类别概率，不需要多次扫描图像。 2. **速度快**：YOLO 非常快速，能够在视频帧率下进行实时检测，适合移动设备和嵌入式系统。 3. **端到端训练**：YOLO 模型可以从原始图像直接训练到最终的检测结果，无需复杂的后处理步骤。 4. **易于集成**：YOLO 模型结构简单，易于与其他视觉任务（如图像分割、关键点检测等）结合使用。 5. **多尺度预测**：YOLO 可以通过多尺度预测来检测不同大小的对象，提高了检测的准确性。 YOLO 已经发展出多个版本，包括 YOLOv1、YOLOv2（也称为 YOLO9000）、YOLOv3、YOLOv4 和 YOLOv5 等。
多规合一中的空间大数据解决方案.docx
07-19
多规合一中的空间大数据解决方案.docx
用js实现省市二级联动
03-25
好的，我可以回答您的问题。以下是用 JavaScript 实现省市二级联动的示例代码： ```javascript // 省份下拉列表 var provinceList = document.getElementById("province-list"); // 城市下拉列表 var cityList = document.getElementById("city-list"); // 省份和城市的数据 var data = { "北京市": ["东城区", "西城区", "朝阳区", "丰台区", "石景山区", "海淀区", "门头沟区", "房山区", "通州区", "顺义区", "昌平区", "大兴区", "怀柔区", "平谷区", "密云区", "延庆区"], "上海市": ["黄浦区", "徐汇区", "长宁区", "静安区", "普陀区", "虹口区", "杨浦区", "闵行区", "宝山区", "嘉定区", "浦东新区", "金山区", "松江区", "青浦区", "奉贤区", "崇明区"], "广东省": ["广州市", "深圳市", "珠海市", "汕头市", "韶关市", "佛山市", "江门市", "湛江市", "茂名市", "肇庆市", "惠州市", "梅州市", "汕尾市", "河源市", "阳江市", "清远市", "东莞市", "中山市", "潮州市", "揭阳市", "云浮市"], // 其它省份的数据... }; // 根据省份生成城市选项 function generateCityOptions(cityArr) { var optionsHtml = ""; for (var i = 0; i < cityArr.length; i++) { var city = cityArr[i]; optionsHtml += "<option value='" + city + "'>" + city + "</option>"; } return optionsHtml; } // 当选择的省份变化时，更新城市列表 function updateCityList() { var selectedProvince = provinceList.value; var cityArr = data[selectedProvince]; var optionsHtml = generateCityOptions(cityArr); cityList.innerHTML = optionsHtml; } // 初始化省份列表 var provinceOptionsHtml = generateCityOptions(Object.keys(data)); provinceList.innerHTML = provinceOptionsHtml; // 绑定省份选择器的 change 事件 provinceList.addEventListener("change", updateCityList); ``` 这段代码可以生成两个下拉列表，第一个是省份的选择列表，第二个是根据选中的省份动态生成的城市选择列表。您可以将其嵌入到您的网页中使用。 希望这些能对您有所帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值