`

JavaScript级联国家地区

阅读更多

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script type="text/javascript">		

		function changeChau(theChau){
			var theCountrys;
			var ifRealCountry=true;
			if(theChau==1){/* 亚洲国家、地区 */
				theCountrys=["香港","澳门","台湾","韩国","日本","阿富汗","东帝汶","阿联酋","巴基斯坦","沙特阿拉伯","巴林","印尼","泰国","尼泊尔","卡塔尔","土耳其","孟加拉国","哈萨克斯坦","缅甸","越南","阿曼","菲律宾","黎巴嫩","巴勒斯坦","亚美尼亚","土库曼斯坦","蒙古","老挝","约旦","柬埔寨","科威特","塞浦路斯","阿塞拜疆","塔吉克斯坦","朝鲜","文莱","伊朗","新加坡","伊拉克","斯里兰卡","格鲁吉亚","吉尔吉斯斯坦","印度","不丹","也门","以色列","叙利亚","马尔代夫","马来西亚","乌兹别克斯坦"];				
			}
			else if(theChau==2){/* 欧洲国家、地区 */
				theCountrys=["瑞士","英国","瑞典","意大利","马其顿","白俄罗斯","克罗地亚","塞尔维亚共和国","捷克","希腊","波黑","卢森堡","立陶宛","保加利亚","爱沙尼亚","黑山","德国","冰岛","安道尔","摩纳哥","乌克兰","罗马尼亚","拉脱维亚","丹麦","荷兰","奥地利","马耳他","梵蒂冈","斯洛伐克","阿尔巴尼亚","芬兰","挪威","比利时","葡萄牙","匈牙利","圣马力诺","斯洛文尼亚","法国","波兰","西班牙","爱尔兰","俄罗斯","摩尔多瓦","列支敦士登"];
			}
			else if(theChau==3){/* 非洲国家、地区 */
				theCountrys=["贝宁","南非","吉布提","尼日尔","赞比亚","尼日利亚","阿尔及利亚","毛里塔尼亚","埃及","加蓬","几内亚","冈比亚","博茨瓦纳","塞内加尔","埃塞俄比亚","中非共和国","加纳","安哥拉","肯尼亚","卢旺达","科特迪瓦","塞拉利昂","厄立特里亚","马达加斯加","马里","布隆迪","利比亚","索马里","津巴布韦","斯威士兰","几内亚比绍","刚果共和国","苏丹","喀麦隆","莱索托","塞舌尔","莫桑比克","坦桑尼亚","赤道几内亚","刚果民主共和国","乍得","科摩罗","摩洛哥","突尼斯","毛里求斯","利比里亚","布基纳法索","圣多美和普林西比","多哥","佛得角","马拉维","乌干达","纳米比亚"];
			}
			else if(theChau==4){/* 大洋洲国家、地区 */
				theCountrys=["帕劳","瑙鲁","图瓦卢","澳大利亚","马绍尔群岛","斐济","萨摩亚","基里巴斯","库克群岛","巴布亚新几内亚","汤加","新西兰","瓦努阿图","所罗门群岛","密克罗尼西亚","纽埃"];
			}
			else if(theChau==5){/* 美洲国家、地区 */
				theCountrys=["美国","秘鲁","加拿大","墨西哥","委内瑞拉","洪都拉斯","哥斯达黎加","巴西","阿根廷","牙买加","苏里南","萨尔瓦多","圣卢西亚","安提瓜和巴布达","智利","巴哈马","巴拿马","玻利维亚","厄瓜多尔","尼加拉瓜","圣基茨和尼维斯","古巴","伯利兹","乌拉圭","巴巴多斯","格林纳达","多米尼加","特立尼达和多巴哥","海地","圭亚那","巴拉圭","哥伦比亚","危地马拉","多米尼克","圣文森特和格林纳丁斯"];
			}
			else {ifRealCountry=false;}
			var guojia=document.getElementById("guojia");
			guojia.options.length=0;
			guojia.options.add(new Option("--请选择--",""));
			if(ifRealCountry){
				for(var i=0;i<theCountrys.length;i++){					
					guojia.options.add(new Option(theCountrys[i],theCountrys[i]));
				}
			}
		}
  </script>
 </head>

 <body>
  <select id="s1" onChange="changeChau(this.value);">
		<option value="" selected="selected">--请选择--</option>
		<option value="1">亚洲</option>
		<option value="2">欧洲</option>
		<option value="3">非洲</option>
		<option value="4">大洋洲</option>		
		<option value="5">美洲</option>
	</select>
	<select id="guojia" name="guojia">
		<option value="" selected="selected">--请选择--</option>
	</select>
 </body>
</html>
分享到:
评论

相关推荐

    js 级联选择地区

    "js 级联选择地区"就是一个典型的示例,它允许用户逐步选择国家、省份、城市等地理区域,每一步的选择都会影响下一步的选项,为用户提供了一种直观且高效的输入方式。 首先,我们来理解一下级联选择的基本原理。...

    javaScript城市级联选择

    JavaScript城市级联选择是一种常见的前端交互功能,常用于地址填写、区域选择等场景,它允许用户逐步选择国家、省份、城市等,形成一个完整的地区路径。这个功能的实现基于JavaScript的事件监听、DOM操作和数据处理...

    javascript级联下拉列表实例代码(自写).docx

    ### JavaScript级联下拉列表实例解析 #### 一、引言 级联下拉列表是一种常见的Web表单组件,主要用于需要根据前一个选择的结果来动态更新后续选择项的情况。例如,在用户选择了一个国家之后,相应的省份下拉列表会...

    英文版js地区国家级联

    这个“英文版js地区国家级联”资源提供了一个纯JavaScript实现的解决方案,无需依赖数据库,简化了开发流程。以下是对这个资源的详细解读: 首先,我们要理解什么是级联选择菜单。级联菜单通常用于地理位置选择,...

    JQurey实现国家地区级联

    ### 使用JQuery实现国家地区级联的知识点解析 在网页开发中,经常需要处理复杂的下拉选择列表,尤其是在涉及地理位置的选择时,例如国家、省份、城市等多级联动选择。这种功能不仅能够提升用户体验,还能简化用户...

    地区动态级联

    【标签】:“源码”表明这篇博客可能包含实现地区动态级联的代码示例,可能是用某种编程语言(如JavaScript、Java、Python等)编写的。“工具”可能指代开发者可能需要用到的一些库、框架或者辅助工具,例如jQuery、...

    js树状地区三级级联带复选框

    在JavaScript编程领域,"js树状地区三级级联带复选框"是一个常见的需求,尤其在构建具有地域选择功能的Web应用时。这个功能允许用户通过一个层级结构来选择国家、省份和城市,同时提供了复选框以支持多选。在本篇中...

    买车票城市级联效果

    在购票网站中,城市级联效果通常表现为一个下拉菜单系统,用户首先选择省份或国家,接着下一级的菜单会显示该地区内的城市。这种级联的下拉列表可以减少用户输入,提供更直观的操作体验。以下是对这一技术的详细解析...

    级联 ajax实现方式

    这种技术通常用在需要用户按顺序选择一系列相关选项的场景,如地区选择,先选国家,再选省份,最后选城市。这种级联选择可以大大优化用户界面的交互性,使得数据的输入更加流畅和高效。本篇文章将深入探讨如何通过...

    级联下拉列表绑定 地区JS文件

    在本示例中,我们将探讨如何使用JavaScript实现一个级联下拉列表,特别是通过"地区JS文件"来实现这一功能。 首先,`AreaDemo.html`是演示页面,它包含了整个级联下拉列表的HTML结构和JavaScript引用。在这个文件中...

    Ajax级联菜单,通过dwr框架实现省份城市级联效果

    在IT行业中,级联菜单(Cascading Menu)是一种常见的用户界面元素,...在实际开发中,这种技术也可以应用到其他类似场景,如部门-职位、国家-城市-地区等多级选择。同时,DWR的使用简化了前后端交互,提高了开发效率。

    世界主要国家地区的JS三级联动(包括国内的省市区三级联动)

    总结,实现世界主要国家地区的JS三级联动,我们需要以下步骤: 1. 创建一个数据结构存储所有国家、省份和城市信息。 2. 使用JavaScript事件监听器监听下拉菜单的`change`事件。 3. 根据用户的选择动态更新下拉菜单...

    JS仿人人网高校级联选择

    【JS仿人人网高校级联选择】是一种常见的前端交互设计,用于模拟人人网中的高校选择功能,用户在选择学校时,会根据所选的国家或地区动态加载对应的学校列表。这个实现主要基于JavaScript(JS)和jQuery库,使得在...

    AJAX3级级联下拉例子

    这个"AJAX3级级联下拉例子"是一个典型的前端交互应用,常见于动态填写表单,如地区选择,省市区级联填充。在这个例子中,用户选择一个选项时,下一个下拉框会根据前一个选项的值动态加载相关的数据,从而提供更精确...

    struts2 级联菜单

    级联菜单在数据表关联或者层级结构的展示中非常实用,例如地区选择、部门分类等。 首先,我们需要理解级联菜单的工作原理。在级联菜单中,第一个下拉框的选择会决定第二个下拉框的内容,而第二个下拉框的选择可能又...

    input 级联下拉列表

    这种设计模式通常用于处理层级关系的数据,如国家/地区、省份/城市、行业分类等。以下是对`input`级联下拉列表的详细解释和实现方法。 1. **HTML基础知识**: `input`元素是HTML中的一种表单控件,用于接收用户...

    JS三级联动菜单---世界主要国家地区

    总结来说,实现"JS三级联动菜单---世界主要国家地区"需要对HTML、CSS和JavaScript有深入的理解。通过这个项目,你可以学习到如何用JavaScript响应用户操作,动态生成和更新DOM树,以及如何构建清晰的级联逻辑。这...

    全球国家/地区下拉级联,包含中英文国际化,国家/省份(直辖市)/城市(区)/县

    全球国家/地区下拉级联是网页开发中常见的一种功能,尤其在用户需要选择出生地、居住地或者邮寄地址时非常实用。这个功能通常涉及到国际化(Internationalization,简称i18n),以便支持多种语言环境,如中文和英文...

    好用简单的可编辑级联下拉框

    例如,在地区选择中,用户先选择国家,然后下拉框会更新为对应国家的省份,再选择省份后,下拉框又会显示对应省份的城市。这种方式能够逐级细化选择,减少用户在大量选项中查找的困扰。 实现这样的可编辑级联下拉框...

    级联显示(树形,下拉列表)

    6. **创建JSP页面**:使用Struts标签库(如struts-bean和struts-html)或者JavaScript库(如jQuery)来渲染级联的下拉列表或树形结构。对于树形结构,可能需要引入像d3.js或jstree这样的库。 7. **事件监听**:为...

Global site tag (gtag.js) - Google Analytics