时间:2021-05-26
本文实例为大家分享了js实现省市级联效果的具体代码,供大家参考,具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> var shengArr =new Array(); shengArr["广东"]=["广州","深圳","珠海","汕头","韶关"] ; shengArr["湖南"]=["长沙","张家界","株洲","怀化","常德"] ; shengArr["湖北"]=["武汉","荆州","宜昌","黄冈","仙桃"] ; shengArr["安徽"]=["合肥","黄山"] ; shengArr["河南"]=["郑州","信阳","洛阳"] ; function getSheng(){ var s =document.getElementById("sheng"); for(var v in shengArr){ s.add(new Option(v,v),null); } } function getCity(){ var s =document.getElementById("sheng"); var c =document.getElementById("city"); var v=s.value; c.options.length =0; for(var i in shengArr[v]){ c.add(new Option(shengArr[v][i],shengArr[v][i]),null); } } </script> <!--页面加载时获取 省名--> <body onload="getSheng()"> <!-- 改变省时匹配该省的城市名--> 省:<select id="sheng" onchange="getCity()"> <option>--请选择</option> </select> 市:<select id="city"></select> </body></html>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了javascript基于DOM实现省市级联下拉框的方法。分享给大家供大家参考。具体实现方法如下:省市级联下拉框varprovs={"江西省":["
本文实例讲述了jquery调取json数据实现省市级联的方法。分享给大家供大家参考。具体如下:使用jQuerymobile作为创建移动web的框架,需要实现省市
本文实例讲述了js实现全国省份城市级联下拉菜单效果代码。分享给大家供大家参考。具体如下:这是一个大家都知道的网页小功能,很常见,全国省份与城市级联菜单,采用Se
本文实例为大家分享了java省市级联的具体代码,供大家参考,具体内容如下1.LoadAreaServlet.javapackagecom.scce.servle
本文介绍自己最近做省市级联的类似的级联功能的实现思路,为了尽可能地做到职责分离跟表现与行为分离,这个功能拆分成了2个组件并用到了单链表来实现关键的级联逻辑,下一