<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>省市菜单</title>
<script>
var arr=[['选择市'],
["东城区","西城区","朝阳区","海淀区","丰台区","石景山区","房山区","通州区","顺义区","大兴区","昌平区","平谷区","怀柔区"],
["珠海市","汕头市","佛山市","韶关市","湛江市","肇庆市","江门市","茂名市","惠州市","梅州市","汕尾市","河源市","阳江"],
["郑州","开封","洛阳","南阳","漯河","许昌","三门峡","平顶山","周口","驻马店","新乡","鹤壁","焦作","濮阳","济源"],
["贵阳市","遵义市","安顺","六盘水","铜仁","凯里"]];
function selectedProvice(){
var provice=document.getElementById("provice");
var index=provice.selectedIndex;
var citys=arr[index];
var city=document.getElementById("city");
city.length=0;
for (var c in citys){
var test=document.createElement("option");
test.innerHTML=citys[c];
city.appendChild(test);
}
}
</script>
</head>
<body>
<select name="" id="provice" onchange="selectedProvice()">
<option value="" >请选择省份</option>
<option value="" >北京</option>
<option value="" >广东</option>
<option value="" >河南</option>
<option value="" >贵州</option>
</select>
<select name="" id="city">
<option value="" >请选择市级</option>
</select>
</body>
</html>
分享到：
相关推荐
省市二级菜单联动
省市联动二级菜单是一种常见的前端交互设计，常用于网站或应用中的地址选择，用户在选择省份后，下级的菜单会自动更新为对应省份的城市列表。这种功能能够提高用户体验，减少用户手动输入，尤其是在处理大量的地理...
"jqueryMobile省市二级菜单联动"是一个常见功能，尤其适用于构建具有地域选择功能的网站或应用。这个功能允许用户在两个下拉菜单中分别选择省份和城市，且两个菜单之间存在联动关系，即当用户在一个菜单中选择某个...
这种联动效果意味着当用户在一级菜单（省份）中选择一个选项时，二级菜单（城市）会相应地更新为与所选省份相关的城市列表；同样，当用户在二级菜单中选择一个城市后，三级菜单（区县）会展示与所选城市对应的区县...
本示例中，我们关注的是“js实现的二级菜单联动”，特别是省市联动的应用。省市联动意味着当用户在一级菜单（省份）中选择一个选项时，二级菜单（城市）会动态更新显示与所选省份相关联的城市列表。这种功能可以极大...
二级联动菜单
Access数据库-二级下拉菜单制作
例如，一级菜单是顶级`<ul>`，二级菜单则作为顶级`<li>`的子`<ul>`。通过CSS可以控制菜单的样式，使其呈现为树形结构，而JavaScript或jQuery等脚本语言则用于实现菜单的交互效果，如展开、折叠节点。 在提供的...
省市二级菜单 使用方法: writecitys('',''); //无参数调用 无选中 writecitys('湖北','武汉市'); //参数调用 选中省市 可自行修改 By TG Email:tj646@163.com
"asp无刷新二级联动菜单"是指使用ASP（Active Server Pages）技术实现的，在用户选择一级菜单时，二级菜单无需刷新整个页面即可动态更新显示的技术。这种方式提高了用户体验，因为页面的其他部分不会被重新加载，...
这个"省市二级联动Access版"指的是利用Microsoft Access数据库管理系统实现的一种功能，使得用户在选择省份时，下拉菜单会动态显示出与之相关的城市。这种方式能够简化用户输入，提高交互体验。 在Access中，实现...
在本例中，我们可能有一个包含省（一级菜单）和市（二级菜单）信息的数据库表。表结构可能如下： - 省份ID (ProvinceID): 唯一标识省份的字段，可以是整数类型。 - 省份名称 (ProvinceName): 描述省份的字段，字符...
在网页开发中，"省市联动的二级菜单"是一种常见的交互设计，主要用于用户选择地理位置时，如填写收货地址。这种菜单通常由一个省级选择框和一个市级选择框组成，当用户在省级菜单中选择一个省份时，市级菜单会自动...
在IT行业中，构建用户友好的界面是至关重要的，而神奇的二级菜单功能正是实现这一目标的有效工具。二级菜单，也称为下拉菜单或子菜单，是网页和应用程序设计中的常见元素，尤其在需要组织大量选项时更为实用。这种...
本话题聚焦于“jquery + servlet实现省市联动二级菜单”这一技术实践，这是一个常见的前端与后端协同工作的场景，主要用于提升用户体验，使得用户在选择省份时，市一级的下拉菜单能实时更新为相应省份的城市。...
通过以上步骤，你可以在Excel中创建一个灵活、交互式的二级联动下拉菜单，它可以根据用户在一级菜单中的选择动态更新二级菜单的内容。这个功能特别适用于需要处理大量具有层级关系数据的场景，如地区分类、产品分类...
### 二级JSP的级连菜单知识点解析 #### 一、引言 级连菜单（或称为级联菜单）在Web应用中非常常见，尤其是在涉及多层次数据选择的场景下，如地区选择、分类选择等。本文将围绕“二级的JSP的级连菜单”这一主题进行...