- 浏览: 205957 次
- 性别:
- 来自: 武汉
文章分类
最新评论
-
weituotian:
这个楼主热心肠,看得简单明了
HttpServletRequest地址获取 -
u011701322:
...
Jquery UI sortable 所有事件 -
CoderDream:
Mark!
jquery ajax post 传递数组 ,多checkbox 取值 -
maomao14:
楼主写的不错,感谢分享,最近我在 http://gotoma ...
jquery ajax post 传递数组 ,多checkbox 取值
<!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>
发表评论
-
Jquery UI dialog 内无法操作问题 zIndex
2013-10-11 15:05 5065由于Jquery UI dialog 的弹出窗口默认z-i ... -
jquery ajax post 传递数组 ,多checkbox 取值
2013-10-10 16:35 22788使用$.each(function(){});可以得到ch ... -
前端经常需要使用到的replace
2013-04-18 16:45 1231content.replace("<&qu ... -
textarea自适应高度
2012-07-05 10:41 0sss -
A标签中通过href和onclick传递的this对象
2012-06-08 10:20 1361在blog的后台管理中允许为一个分类添加一个地址,但是不 ... -
Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) javascript跨域请求
2012-05-22 17:47 2532Component returned failure code ... -
Jquery UI sortable 所有事件
2012-04-05 17:22 30602官方API地址:http://jqueryui.com/dem ... -
使用Jquery 实现scroll to top 效果
2012-03-28 12:50 3938$(document).ready(function(){ ... -
解决IE6浏览器下position:fixed 固定定位问题 底部
2012-03-28 12:44 1201像你所遇到的问题一样, IE6浏览器有太多的bug让制作网页的 ... -
怎么使用Sticky Footer代码(让页脚紧贴页面底部的方法)
2012-03-23 20:54 1476<!DOCTYPE html PUBLIC " ... -
JS+CSS简单实现DIV遮罩层显示隐藏【转】
2012-02-07 14:04 2801<!DOCTYPE html PUBLIC " ... -
css+div+jquery弹出层
2012-02-07 11:59 6863/**弹出层 开始*/ .show_m_div { ... -
input 和 img 图片对齐
2011-12-16 10:35 1101验证码:<input size="5&q ... -
Jquery 获取 radio选中值 20111215【转】
2011-12-15 15:49 6735随着Jquery的作用越来 ... -
用Jquery小试Ajax
2011-11-30 11:07 919$.ajax({ type: "PO ... -
使用Jquery 加载页面时调用JS
2011-10-21 10:33 1255一般的加载页面时调用js方法如下: window. ... -
IE6下window.location.href 不能正常跳转
2011-10-20 15:54 6145由于最近Chrome用的比较多,一般都是在用Chrome做测试 ... -
javascript获取隐藏dom的宽高【转】
2011-10-20 11:08 1080一个隐藏的DOM是获取不到宽高的,如果想要获取,采用下面 ... -
IE6中无法引用Css样式的问题
2011-10-11 10:24 912问题症状: 1、<link href="css ... -
Javascript中window.open target 跳转
2011-09-23 16:09 1687target="_parent" ...
相关推荐
"js 级联选择地区"就是一个典型的示例,它允许用户逐步选择国家、省份、城市等地理区域,每一步的选择都会影响下一步的选项,为用户提供了一种直观且高效的输入方式。 首先,我们来理解一下级联选择的基本原理。...
JavaScript城市级联选择是一种常见的前端交互功能,常用于地址填写、区域选择等场景,它允许用户逐步选择国家、省份、城市等,形成一个完整的地区路径。这个功能的实现基于JavaScript的事件监听、DOM操作和数据处理...
### JavaScript级联下拉列表实例解析 #### 一、引言 级联下拉列表是一种常见的Web表单组件,主要用于需要根据前一个选择的结果来动态更新后续选择项的情况。例如,在用户选择了一个国家之后,相应的省份下拉列表会...
这个“英文版js地区国家级联”资源提供了一个纯JavaScript实现的解决方案,无需依赖数据库,简化了开发流程。以下是对这个资源的详细解读: 首先,我们要理解什么是级联选择菜单。级联菜单通常用于地理位置选择,...
### 使用JQuery实现国家地区级联的知识点解析 在网页开发中,经常需要处理复杂的下拉选择列表,尤其是在涉及地理位置的选择时,例如国家、省份、城市等多级联动选择。这种功能不仅能够提升用户体验,还能简化用户...
【标签】:“源码”表明这篇博客可能包含实现地区动态级联的代码示例,可能是用某种编程语言(如JavaScript、Java、Python等)编写的。“工具”可能指代开发者可能需要用到的一些库、框架或者辅助工具,例如jQuery、...
在JavaScript编程领域,"js树状地区三级级联带复选框"是一个常见的需求,尤其在构建具有地域选择功能的Web应用时。这个功能允许用户通过一个层级结构来选择国家、省份和城市,同时提供了复选框以支持多选。在本篇中...
在购票网站中,城市级联效果通常表现为一个下拉菜单系统,用户首先选择省份或国家,接着下一级的菜单会显示该地区内的城市。这种级联的下拉列表可以减少用户输入,提供更直观的操作体验。以下是对这一技术的详细解析...
这种技术通常用在需要用户按顺序选择一系列相关选项的场景,如地区选择,先选国家,再选省份,最后选城市。这种级联选择可以大大优化用户界面的交互性,使得数据的输入更加流畅和高效。本篇文章将深入探讨如何通过...
在本示例中,我们将探讨如何使用JavaScript实现一个级联下拉列表,特别是通过"地区JS文件"来实现这一功能。 首先,`AreaDemo.html`是演示页面,它包含了整个级联下拉列表的HTML结构和JavaScript引用。在这个文件中...
在IT行业中,级联菜单(Cascading Menu)是一种常见的用户界面元素,...在实际开发中,这种技术也可以应用到其他类似场景,如部门-职位、国家-城市-地区等多级选择。同时,DWR的使用简化了前后端交互,提高了开发效率。
总结,实现世界主要国家地区的JS三级联动,我们需要以下步骤: 1. 创建一个数据结构存储所有国家、省份和城市信息。 2. 使用JavaScript事件监听器监听下拉菜单的`change`事件。 3. 根据用户的选择动态更新下拉菜单...
【JS仿人人网高校级联选择】是一种常见的前端交互设计,用于模拟人人网中的高校选择功能,用户在选择学校时,会根据所选的国家或地区动态加载对应的学校列表。这个实现主要基于JavaScript(JS)和jQuery库,使得在...
这个"AJAX3级级联下拉例子"是一个典型的前端交互应用,常见于动态填写表单,如地区选择,省市区级联填充。在这个例子中,用户选择一个选项时,下一个下拉框会根据前一个选项的值动态加载相关的数据,从而提供更精确...
级联菜单在数据表关联或者层级结构的展示中非常实用,例如地区选择、部门分类等。 首先,我们需要理解级联菜单的工作原理。在级联菜单中,第一个下拉框的选择会决定第二个下拉框的内容,而第二个下拉框的选择可能又...
这种设计模式通常用于处理层级关系的数据,如国家/地区、省份/城市、行业分类等。以下是对`input`级联下拉列表的详细解释和实现方法。 1. **HTML基础知识**: `input`元素是HTML中的一种表单控件,用于接收用户...
总结来说,实现"JS三级联动菜单---世界主要国家地区"需要对HTML、CSS和JavaScript有深入的理解。通过这个项目,你可以学习到如何用JavaScript响应用户操作,动态生成和更新DOM树,以及如何构建清晰的级联逻辑。这...
全球国家/地区下拉级联是网页开发中常见的一种功能,尤其在用户需要选择出生地、居住地或者邮寄地址时非常实用。这个功能通常涉及到国际化(Internationalization,简称i18n),以便支持多种语言环境,如中文和英文...
例如,在地区选择中,用户先选择国家,然后下拉框会更新为对应国家的省份,再选择省份后,下拉框又会显示对应省份的城市。这种方式能够逐级细化选择,减少用户在大量选项中查找的困扰。 实现这样的可编辑级联下拉框...
6. **创建JSP页面**:使用Struts标签库(如struts-bean和struts-html)或者JavaScript库(如jQuery)来渲染级联的下拉列表或树形结构。对于树形结构,可能需要引入像d3.js或jstree这样的库。 7. **事件监听**:为...