导航下拉菜单跳转代码(中国各省市下拉列表框)

AI产品经理30分钟掌握Axure核心交互与AI辅助原型设计 原型设计是产品经理将产品构想可视化的核心能力,其本质是通过交互模型快速验证产品逻辑与用户体验。传统工具如Axure通过元件库、交互事件和动态面板等机制,支持从静态线框图到高保真可交互原型的搭建,其技术价值在于能以低成本、高效率的方式在开发前完成产品演示与用户测试。在AI技术普及的当下,产品经理的工作流正迎来变革,AI生成工具能够辅助完成布局构思、文案生成与素材创建,与Axure的精确交互设计能力形成互补。这种‘AI构思+专业工具实现’的融合模式,尤其适用于AI产品、SaaS平台等需要快速迭代验证的场景,能帮 阅读详情
一级下拉菜单:
<select onchange="location=this.options[this.selectedIndex].value">
<option>请选择</option>
<option value="http://www.7880.com">破釜沉舟</option>
<option value="http://www.imageser">imageser</option>
</select>


二级下拉菜单:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>二级下拉菜单:</title>
</head>

<body onload="init()">
<form method=post name="creator">
<script language="javascript">
<!--
var where = new Array(35); 
function comefrom(loca,locacity) { this.loca = loca; this.locacity = locacity; } 
where[0]= new comefrom("请选择省份名","请选择城市名");
where[1] = new comefrom("北京","|东城|西城|崇文|宣武|朝阳|丰台|石景山|海淀|门头沟|房山|通州|顺义|昌平|大兴|平谷|怀柔|密云|延庆"); 
where[2] = new comefrom("上海","|黄浦|卢湾|徐汇|长宁|静安|普陀|闸北|虹口|杨浦|闵行|宝山|嘉定|浦东|金山|松江|青浦|南汇|奉贤|崇明"); 
where[3] = new comefrom("天津","|和平|东丽|河东|西青|河西|津南|南开|北辰|河北|武清|红挢|塘沽|汉沽|大港|宁河|静海|宝坻|蓟县"); 
where[4] = new comefrom("重庆","|万州|涪陵|渝中|大渡口|江北|沙坪坝|九龙坡|南岸|北碚|万盛|双挢|渝北|巴南|黔江|长寿|綦江|潼南|铜梁|大足|荣昌|壁山|梁平|城口|丰都|垫江|武隆|忠县|开县|云阳|奉节|巫山|巫溪|石柱|秀山|酉阳|彭水|江津|合川|永川|南川"); 
where[5] = new comefrom("河北","|石家庄|邯郸|邢台|保定|张家口|承德|廊坊|唐山|秦皇岛|沧州|衡水"); 
where[6] = new comefrom("山西","|太原|大同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城"); 
where[7] = new comefrom("内蒙古","|呼和浩特|包头|乌海|赤峰|呼伦贝尔盟|阿拉善盟|哲里木盟|兴安盟|乌兰察布盟|锡林郭勒盟|巴彦淖尔盟|伊克昭盟"); 
where[8] = new comefrom("辽宁","|沈阳|大连|鞍山|抚顺|本溪|丹东|锦州|营口|阜新|辽阳|盘锦|铁岭|朝阳|葫芦岛"); 
where[9] = new comefrom("吉林","|长春|吉林|四平|辽源|通化|白山|松原|白城|延边"); 
where[10] = new comefrom("黑龙江","|哈尔滨|齐齐哈尔|牡丹江|佳木斯|大庆|绥化|鹤岗|鸡西|黑河|双鸭山|伊春|七台河|大兴安岭"); 
where[11] = new comefrom("江苏","|南京|镇江|苏州|南通|扬州|盐城|徐州|连云港|常州|无锡|宿迁|泰州|淮安"); 
where[12] = new comefrom("浙江","|杭州|宁波|温州|嘉兴|湖州|绍兴|金华|衢州|舟山|台州|丽水"); 
where[13] = new comefrom("安徽","|合肥|芜湖|蚌埠|马鞍山|淮北|铜陵|安庆|黄山|滁州|宿州|池州|淮南|巢湖|阜阳|六安|宣城|亳州"); 
where[14] = new comefrom("福建","|福州|厦门|莆田|三明|泉州|漳州|南平|龙岩|宁德"); 
where[15] = new comefrom("江西","|南昌市|景德镇|九江|鹰潭|萍乡|新馀|赣州|吉安|宜春|抚州|上饶"); 
where[16] = new comefrom("山东","|济南|青岛|淄博|枣庄|东营|烟台|潍坊|济宁|泰安|威海|日照|莱芜|临沂|德州|聊城|滨州|菏泽"); 
where[17] = new comefrom("河南","|郑州|开封|洛阳|平顶山|安阳|鹤壁|新乡|焦作|濮阳|许昌|漯河|三门峡|南阳|商丘|信阳|周口|驻马店|济源"); 
where[18] = new comefrom("湖北","|武汉|宜昌|荆州|襄樊|黄石|荆门|黄冈|十堰|恩施|潜江|天门|仙桃|随州|咸宁|孝感|鄂州");
where[19] = new comefrom("湖南","|长沙|常德|株洲|湘潭|衡阳|岳阳|邵阳|益阳|娄底|怀化|郴州|永州|湘西|张家界"); 
where[20] = new comefrom("广东","|广州|深圳|珠海|汕头|东莞|中山|佛山|韶关|江门|湛江|茂名|肇庆|惠州|梅州|汕尾|河源|阳江|清远|潮州|揭阳|云浮"); 
where[21] = new comefrom("广西","|南宁|柳州|桂林|梧州|北海|防城港|钦州|贵港|玉林|南宁地区|柳州地区|贺州|百色|河池"); 
where[22] = new comefrom("海南","|海口|三亚"); 
where[23] = new comefrom("四川","|成都|绵阳|德阳|自贡|攀枝花|广元|内江|乐山|南充|宜宾|广安|达川|雅安|眉山|甘孜|凉山|泸州"); 
where[24] = new comefrom("贵州","|贵阳|六盘水|遵义|安顺|铜仁|黔西南|毕节|黔东南|黔南"); 
where[25] = new comefrom("云南","|昆明|大理|曲靖|玉溪|昭通|楚雄|红河|文山|思茅|西双版纳|保山|德宏|丽江|怒江|迪庆|临沧");
where[26] = new comefrom("西藏","|拉萨|日喀则|山南|林芝|昌都|阿里|那曲"); 
where[27] = new comefrom("陕西","|西安|宝鸡|咸阳|铜川|渭南|延安|榆林|汉中|安康|商洛"); 
where[28] = new comefrom("甘肃","|兰州|嘉峪关|金昌|白银|天水|酒泉|张掖|武威|定西|陇南|平凉|庆阳|临夏|甘南"); 
where[29] = new comefrom("宁夏","|银川|石嘴山|吴忠|固原"); 
where[30] = new comefrom("青海","|西宁|海东|海南|海北|黄南|玉树|果洛|海西"); 
where[31] = new comefrom("新疆","|乌鲁木齐|石河子|克拉玛依|伊犁|巴音郭勒|昌吉|克孜勒苏柯尔克孜|博尔塔拉|吐鲁番|哈密|喀什|和田|阿克苏"); 
where[32] = new comefrom("香港",""); 
where[33] = new comefrom("澳门",""); 
where[34] = new comefrom("台湾","|台北|高雄|台中|台南|屏东|南投|云林|新竹|彰化|苗栗|嘉义|花莲|桃园|宜兰|基隆|台东|金门|马祖|澎湖"); 
where[35] = new comefrom("其它","|北美洲|南美洲|亚洲|非洲|欧洲|大洋洲"); 
function select() {
with(document.creator.province) { var loca2 = options[selectedIndex].value; }
for(i = 0;i < where.length;i ++) {
if (where[i].loca == loca2) {
loca3 = (where[i].locacity).split("|");
for(j = 0;j < loca3.length;j++) { with(document.creator.city) { length = loca3.length; options[j].text = loca3[j]; options[j].value = loca3[j]; var loca4=options[selectedIndex].value;}}
break;
}}
document.creator.newlocation.value=loca2+loca4;
}
function init() {
with(document.creator.province) {
length = where.length;
for(k=0;k<where.length;k++) { options[k].text = where[k].loca; options[k].value = where[k].loca; }
options[selectedIndex].text = where[0].loca; options[selectedIndex].value = where[0].loca;
}
with(document.creator.city) {
loca3 = (where[0].locacity).split("|");
length = loca3.length;
for(l=0;l<length;l++) { options[l].text = loca3[l]; options[l].value = loca3[l]; }
options[selectedIndex].text = loca3[0]; options[selectedIndex].value = loca3[0];
}}
-->
</script>
省份 <select name="province" onChange = "select()"></select> 城市 <select name="city" onChange = "select()"></select>
</form>  
</body>
</html>
 
JS本地实现全国省市区二级、三级地址下拉框联动选择 全国省市区地址下拉框二级、三级联动选择html例子,JS本地实现,无需网络就能使用,数据为国家省市区6位标准编码,二级联动为省、市的下拉框选择,三级联动为省、市、区的下拉框选择,效果请打开压缩包中的html页面查看。 立即下载

相关推荐

HTML5多种好看的下拉框模板源码

资源描述: HTML5多种好看的下拉框模板源码,多种酷炫下拉框模板,代码上手简单,代码独立,可以直接使用。也可直接预览效果。别再犹豫了,一起加入这个源码的世界吧!博主提供各种支持,欢迎合作共赢。 效果演示地址: https://blog.youkuaiyun.com/weixin_43151418/article/details/134682321

24:全国省市县下拉列表

modelTest.wxml: <!--modelTest.wxml--> <import src="../../model/model.wxml"/> <view class="infoText">{{province}} {{city}} {{county}}</view> <button class="animation-button" bindtap="translate">选择城市</button> <template

weixin_41987908的博客 855

新手避坑指南:用Silvaco Atlas搞定GaN HEMT电热仿真的完整流程(附代码解读)

本文详细介绍了使用Silvaco Atlas进行GaN HEMT电热特性仿真的完整流程,特别针对新手常见问题提供避坑指南。从软件环境配置、结构定义、网格划分到物理模型设置,逐步解析关键步骤,并附有代码解读和调试技巧,帮助读者快速掌握GaN器件仿真的核心技术。

weixin_29215815的博客 597

前端js省市下拉框,及静态数据包

前端js省市下拉框,及静态数据包 目前使用vue实现、可以在原生js使用。 部分js //筛选市 cityFilter(arr,key){ let citys = []; for(let i=0,len=arr.length;i<len;i++){ for(let j=0,jen=arr[i].length;j<jen;j++){ if(key == arr[i][j].value.substring(0,2)){ citys.push(arr[i][j]); .

Dreamy smile 655

FDTD超表面仿真详细教程,几何相位,共振相位,传播相位

FDTD的超表面主要几何相位型(PB型)和共振型两种类型,其中PB型每个cell中的纳米棒的长宽相同,旋转角度不同,共振型长宽不同,旋转角度相同。本博文中以最常见的长方形纳米棒为例,用FDTD演示两种超表面实现的聚焦透镜的功能,包含详细步骤,其他形状,材料的超表面可自行尝试。

wuyuerhhg的博客 3万+

避坑指南:海康MV_CC_SetIntValue接口的7个典型报错解决方案

本文深度解析海康工业相机SDK中MV_CC_SetIntValue接口的典型报错,提供7个实战解决方案。针对MV_E_CALLORDER、MV_E_PARAMETER等高频错误码,从设备状态、参数值域、依赖关系等核心约束入手,给出清晰的诊断流程与根治代码,帮助开发者构建健壮的参数设置模块,提升开发效率。

y2z3a4b5c的博客 1080

使用JavaScript实现:省份城市和区县下拉框三级联动

在学习《JavaScript前端开发案例教程》(黑马程序员 编著)的第三章的内容时,做的小练习: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Practice1</title> </head> <body> <select id="province"> <option valu

weixin_42245121的博客 1457

FPGA实战:基于Basys3的多功能数字钟设计与实现

本文详细介绍了基于Basys3开发板的多功能数字钟设计与实现过程,涵盖FPGA开发、SystemVerilog编程及7段数码管驱动等关键技术。通过模块化设计实现时钟分频、时间计数、按键处理等功能,并提供了优化显示驱动和调试技巧,帮助开发者快速掌握数字电路设计核心概念。

weixin_29186249的博客 659

前端——【JS】——用JS实现全国城市二级联动下拉框

预览图片 项目说明 点击省的下拉框,可以出现省份,选择省后,出现对应的市。博主设置了默认选择省份为“江苏省”。下面有代码,可以根据数据库获取的省市信息进行设置默认值,方便一些。 实现代码 <html> <head> <title>hello</title> <script type="text/javascript" src="/js/jquery.min.js"></script> <script t

奔跑的狮子 3632

配置思科交换机冗余链路汇聚

本文对交换机端口汇聚配置进行说明

istrangeboy&begin zero的博客 6684

图解5G HARQ-ACK反馈:从DCI解析到PUCCH发送的完整数据流

本文详细解析了5G通信系统中HARQ-ACK反馈机制的完整流程,从DCI解码到PUCCH发送的实战指南。重点介绍了HARQ-ACK码本生成、DCI关键参数解读以及PUCCH资源映射等核心技术环节,帮助工程师深入理解5G NR中的数据传输可靠性保障机制。

weixin_27722377的博客 396

php如何做下拉菜单,html下拉菜单怎么做

很多人学习html之后,想动手实践一下一些特效,很多人都想写二级菜单,那么,html下拉菜单怎么做?今天就来分享一下下拉菜单怎么做?二级菜单其实并不难,一般情况下都是使用li标签和ul标签配合使用,第一步首先我们要先把html的结构写出来,包含头部和主体部分,然后我们在li标签里放一个ul标签,并在li标签内放入我们要跳转的链接和要显示的字体,如下所示:以上效果是一个简单的效果图,但是我们想要的二...

weixin_35418139的博客 289

OpenClaw使用ClawHub安装skill网络不稳定?Rate limit exceeded报错?试试这个国内高速镜像工具!

使用 ClawHub 安装 Skill 时遇到 🌐 网络不稳、❌ Rate limit 或命令不可用?使用这个镜像工具,轻松解决skill安装问题,⚡

XiaoqiangClub的博客 1260

jQuery - 综合实例 - 下拉列表框打开指定网站

jQuery - 综合实例 - 下拉列表框打开指定网站 [实例]                                 $(document).ready(function () {                 $("#site").change(function () {                     window

胡争辉 1693

自动化Ai Agent全流程实现【设计+代码】

本文探讨了人工智能代理(AI代理)如何通过自动化复杂的业务流程来帮助企业提高效率和降低成本。AI代理具有适应性、智力、自主性和可扩展性等特点,能够处理非结构化信息、在定义参数范围内做出判断、协调多个系统或利益相关者,以及处理变量输入和异常。文章详细介绍了AI代理在文件处理、客户服务、人才招聘和财务运作等领域的应用,并提供了一个逐步实现发票处理自动化的案例。此外,文章还强调了实施AI代理自动化的优势,包括效率提升、成本降低、准确性和可扩展性的改进,并提出了实施最佳实践,如从高影响力流程开始、设计人机交互、优先

FeelTouch Labs 898

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

web学习,html缺漏知识点

html缺漏知识点

slowphper的博客 1586

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

Excel开发工具:业务人员的零代码自动化开关

Excel开发工具是微软为非技术人员设计的内置自动化能力集,其核心原理在于通过宏录制、表单控件和功能区定制,将重复性操作转化为可复用的数字资产。它不依赖编程基础,却能显著提升数据录入准确性、报表生成效率与模板可维护性,技术价值体现在降低人为错误率、缩短任务耗时、强化数据治理边界。典型应用场景包括财务月结自动化、销售表单标准化、HR信息采集系统化等高频业务流。本文聚焦‘开发工具’标签的启用逻辑、宏录制最佳实践与表单控件落地方法,尤其解析‘录制宏’与‘表单控件’两大热词在真实办公环境中的工程化应用路径。

weixin_33725515的博客 307

文档:亲测可用解决vnc灰屏,黑屏,鼠标大黑叉情况

主要解决vnc-viewer灰屏,黑屏,鼠标大黑叉等现象,详细见文档。

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

打印页面横向怎么设置_办公实用,Excel之设置页面格式,打印数据,少走弯路...

页面格式的设置是打印表格之前的重要操作之一,通过对纸张大小、页边距、纸张方向、页眉页脚和水印效果的设置,调整表格的页面布局和整体外观,使其打印出来的效果更合理设置纸张大小纸张大小表示打印的纸张的大小,常用纸张大小有A4、A5、16开等。纸张的大小也可用其长度和宽度表示,如A4大小的纸张也可描述为宽度为21厘米,高度为29.7厘米的纸张。设置纸张大小的方法为:在“页面布局”选项卡“页面设置”组中单击...

weixin_28814119的博客 1219

jbutton设置按钮大小_办公实用,Excel之设置页面格式,打印数据,少走弯路

页面格式的设置是打印表格之前的重要操作之一,通过对纸张大小、页边距、纸张方向、页眉页脚和水印效果的设置,调整表格的页面布局和整体外观,使其打印出来的效果更合理设置纸张大小纸张大小表示打印的纸张的大小,常用纸张大小有A4、A5、16开等。纸张的大小也可用其长度和宽度表示,如A4大小的纸张也可描述为宽度为21厘米,高度为29.7厘米的纸张。设置纸张大小的方法为:在“页面布局”选项卡“页面设置”组中单击...

weixin_39684235的博客 243

java中级教程下载,JAVA中级教程讲解全收录_通俗易懂版找工作必备(念安小姐姐主讲)...

001_Html的介绍002_Html的整体结构003_常用标签(标题和水平线、段落和换行、图片、a标签)004_frame框架集、div和span、表格table005_列表、表单标签、表单元素(input元素、button元素、select元素、te006_CSS基础语法007_基本选择器、组合选择器008_CSS背景、文本、字体009_列表、填充-盒子模型、对齐方式010_样式继承、伪类和伪...

weixin_29342901的博客 242

实现省市二级联动(select下拉框)

前端页面代码 <tr> <td width="106" height="28" align="right" class="hei"> 乡(镇):</td> <td valign="middle" cl...

qq_43910202的博客 3037

前端js jqeury下拉框根据省份加载市区

解决方法:给省份一个onchange事件,当省份发生变化时,加载对应城市(我代码中使用了jquery,请自行导入) html 省: <select id="areaList" onchange="areaSelected()"> <option value="">所有</option> <option value="浙江">浙江</option> <option value="山东">山东</option&

qq_33745371的博客 684

Django(二十)下拉列表-省市联动实例:jquery的ajax处理前端

一、知识点 1.jquery的ajax请求写法 <script src="/static/js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> $(function(){ $.get('/areas',function(data){ //处理请求数据 }) $.po...

* 705

使用若依框架实现省市区,级联选择下拉框

使用若依框架实现省市区,级联选择下拉框 需要注意的问题,与解答 且还实现各个功能还是蛮简单的: 实现思路: 1.根据parent_id= 0 查询 省 2.根据上面一个下拉框-省的id ->作为parent_id 查询市(需要解决如何动态的显示这个下拉框) 3.根据市的id ->作为parnet_id 查询区 根据省的id值,动态的显示市的name,这就需要 前端发送一个请求(附带省的id值)给后端controller,congtroller根据regionId查询数据,并将数据返回给

莫听雨的博客 9268

pandas 选择数据 字符串_pandas入门: 数据选择

关于pandas数据选择的知识点总结。首先,创建一个dataframedf 创建的dataframe信息如下: A B C 0 3 1.2 aa 1 4 2.4 bb 2 8 4.5 cc 3 9 7.3 dd选择一列df1 = df['A'] # 根据列名选取一列,以Series的形式返回列 df1 = df.A # 与上面写法效果相同结果如下:0 3...

weixin_39705435的博客 384

省市县下拉列表框源代码及源数据下载地址

一:areas.sql下载地址: 链接:https://pan.baidu.com/s/1B7SgxNygzC0kBtIQz32d7A 提取码:qwer 二:html文件: <!DOCTYPE html> <html lang="en"> <head> {% load staticfiles %} <meta charset="UTF-8"> <title>省市县选择案例</title> &l.

weixin_42289273的博客 1010
上一篇: 通用数据库操作BEAN
下一篇: jsp文件上传原理简单实现
wx红杉树
博客等级 码龄21年 383粉丝 296原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值