省份下拉菜单实现

最新推荐文章于 2023-09-25 11:10:58 发布
最新推荐文章于 2023-09-25 11:10:58 发布
阅读量1.4k 收藏 1
点赞数 1
文章标签： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34647738/article/details/55055868
版权
本文介绍如何利用JavaScript动态生成二级下拉菜单，根据一级菜单的选择更新二级菜单的选项。未选择一级菜单时，无法进行提交操作。首先，创建HTML文件，然后应用JavaScript逻辑来实现这一交互功能。
摘要由CSDN通过智能技术生成

要求：

2个下来框，选择1级菜单后，2级菜单出现相应的备选项。如果没有选择则不能提交。

先创建html文件

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<form>
		<select id="province">
			<option selected="selected">请选择...</option>
		</select>
		<select id="city">
			<option selected="selected">请选择...</option>
		</select>
		<button type="submit" id="where_submit" disabled="disabled">提交</button>
	</form>
</body>
<script type="text/javascript">
var provinces=['辽宁','北京','上海','吉林','浙江'];
//最新添加的省份放在最前面
var choice=['请选择...']
var zhejiang=['杭州','嘉兴','宁波','绍兴'];
var shanghai=['金山',
最低0.47元/天 解锁文章
蒙特利克
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
中国省份城市联动下拉列表（省市联动菜单）
03-28
版本：v1.2 ----------------------------------------------- (C) Oran Day(likecode#gmail.com) ----------------------------------------------- ----------------------------------------------- 文件夹说明： - ChinaRegions_Complained 已编译后的dll - ChinaRegions_Source - 服务器控件源码项目 - html - 演示代码级源测试代码 ----------------------------------------------- ----------------------------------------------- ChinaRegion 文件名：OranChinaRegion.dll 自我说明XML：OranChinaRegion.XML 描述： 中国行政区域二级联系菜单，根据上级行政区加载下级行政区列表 XML数据驱动，可自定义添加、删除，简易更新 支持回发恢复状态，已正确设定行政区可自动选定和加载各级行政区数据 其它说明： 应用网站必须存在行政区域的数据XML文件，默认放于应用页面同级目录的oran/regions下，其中regions.xml为一级行政区数据，其它均为二级行政区数据 可自定义修改XML目录，在web.config/appSettings/ChinaRegionXmlFolderPath 配置，e.g.:/oran/regions 创建实例至少指定 runat 和 ID 属性。 应用： 1.为网站添加DLL引用 引用OranChinaRegion.dll 2.复制XML文件至网站 3.注册控件 e.g.: 4.在您期望的位置插入该控件, e.g.: 5.获取值 ParentRegion 获取或设置一级行政区 ChildRegion 获取或设置二级行政区 e.g: string parRgn = region1.ParentRegion; if (parRgn.Length > 0) Response.Write("您选择的是：" + parRgn); string chdRgn = region1.ChildRegion; if (chdRgn.Length > 0) Response.Write(" - " + chdRgn); 6.减少网络传输量，提高网络传输效率，您可以将XML压缩再应用于实际网站。 7.更多参数请参考自我说明XML。 8.期待您报告BUG:)。 -----------------------------------------------
html下拉带单省份实例,js实现省份下拉菜单效果
weixin_30737899的博客
06-03 674
2个下拉框，选择1级菜单后，2级菜单出现相应的备选项。如果没有选择则不能提交。先创建html文件请选择...请选择...提交var provinces=['辽宁','北京','上海','吉林','浙江'];//最新添加的省份放在最前面var choice=['请选择...']var zhejiang=['杭州','嘉兴','宁波','绍兴'];var shanghai=['金山','闸北','普陀...
html5 学习日记 最简单适合初学者的省市级联 下拉菜单
球
08-01 1138
省市级联下拉菜单（可拓展为其他级联） 由于JavaScript中的数组支持中文下标，因此可以利用二维数组实现省市级联或其他级联 页面中添加两个<select>下拉菜单，然后通过<script>建立一个数组 在数组中第一级脚标为省份，然后第二级为城市名 在<scrip>中function addcity方法中的“city.options.length=1;”这句是为了清除每次选择省份都加载的城市 如果没有这句话执行结果会造成在多次选择不同省份后城市选项中添加了大量的无关城市
html两个下拉列表省市关联,基于javascript实现全国省市二级联动下拉选择菜单
weixin_39552874的博客
06-04 752
本文实例讲述了js实现全国省市二级联动下拉选择菜单，分享给大家供大家参考。具体如下：效果图：具体代码：无标题文档//好像不是这样子var arr_province = ["请选择省/城市","北京市","上海市","天津市","重庆市","深圳市","广东省","河南省"];var arr_city = [["请选择城市/地区"],["东城区","西城区","朝阳区","宣武区","昌平区","大...
省份下拉列表
weixin_30367543的博客
01-05 237
public class Student { public int Id { get; set; } public string Name { get; set; } public int ProvinceId { get; set; } public Province Province { ge...
下拉菜单的实现
qq_45911604的博客
03-16 370
下拉菜单的实现 效果展示： 代码展示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt
js实现省份下拉菜单效果
10-20
JS实现省份下拉菜单效果的知识点主要涉及HTML和JavaScript的基础语法以及它们之间的交互。首先，我们需要了解HTML中下拉菜单的创建方法，即使用`<select>`标签和`<option>`标签组合来创建。然后通过JavaScript来动态...
js实现全国省份城市级联下拉菜单效果代码
01-21
本文实例讲述了js实现全国省份城市级联下拉菜单效果代码。分享给大家供大家参考。具体如下： 这是一个大家都知道的网页小功能，很常见，全国省份与城市级联菜单，采用Select下拉的方式选择数据，不过现在很多都Ajax...
js中国下拉省份城市地区快速选择菜单
06-04
4. `js`：这是一个目录，很可能包含了项目的JavaScript文件，比如实现下拉菜单逻辑的主脚本。 5. `data`：这可能是一个数据文件夹，存储了中国省份、城市和地区的数据，可能是JSON或CSV格式。 6. `css`：这个目录...
JavaScript省市级联下拉菜单实例
01-19
最近学了一个关于省市级联简单的小例子，贴出来与大家分享一下： <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>index</title> </head> <body> <select id=selProvince onchange=changeCity()> <option>请选择省份</option> </select> <select id=selCity> <option>请选择城市</option> </select> [removed] function
JavaScript实现select下拉菜单省份和城市的级联菜单
syy的博客
11-19 3005
使用JavaScript实现数组与select标签结合使用对省份及对应的城市的显示
JS下拉列表，随着省份的改变，城市也会有所改变
YL的专栏
11-16 7430
HTML部分： 下拉列表 所在城市： 省份 浙江 山东 江苏 城市 绍兴市 嘉兴市
html js实现省市区联动调节下拉框菜单
热门推荐
qq_42946963的博客
10-28 1万+
Document --请选择-- 安徽 浙江 江苏 湖北
HTML省会对应城市的下拉列表
qq_52301081的博客
04-27 855
p['广东'] = ['广州', '深圳', '珠海', '东莞', '佛山', '中山', '惠州', '汕头', '江门', '茂名', '肇庆', '湛江', '梅州', '汕尾', '河源', '清远', '韶关', '揭阳', '阳江', '潮州', '云浮'];p['安徽'] = ['合肥', '芜湖', '蚌埠', '淮南', '马鞍', '淮北', '铜陵', '安庆', '黄山', '滁州', '阜阳', '宿州', '六安', '毫州', '池州', '宣城'];
Html-下拉菜单
a451319296的博客
12-16 815
下拉菜单
下拉菜单（ 全国省份 ）
华少少华
12-19 550
[code] var arrPro=new Array("北京","上海","天津"); function setPro(sValue){ var obj=document.getElementById("selProvince"); if(arrPro.length>0){ var nID=0; for(var i=0;i
HTML：js应用---下拉框联动（省市二级下拉框联动，含代码）
最新发布
weixin_62291385的博客
09-25 2973
省市二级下拉框联动包括省份下拉框和市级下拉框。我们需要做的是加载出相应省份选项，并且点击一省份时市级下拉框显示该省份下的市，简单来说就是数组的存储与跳转。
js实现二级地域选择
phantomes的专栏
11-02 315
       实现二级地域的选择，前端大概有两种表现形式，第一，你是去放上两个文本框，点击文本框一的时候，出现省列表，点击文本框二的时候，出现该省的市区列表；第二种就是放两个下拉框了，在第一个下拉框选中一个，再到第二个去选中相应的市区，当然还有别的方式，我这里就做一种，即下拉选择的，代码如下： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra...
html省份选择下拉菜单
05-25
可以使用HTML的标签来创建省份下拉菜单。以下是一个示例代码，你可以根据自己的需求进行修改和扩展。 ``` 选择省份: 北京 上海 广东 浙江 江苏 河南 ``` 这个例子中，我们创建了一个名为“province”的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值