史上最强省市县三级联动菜单(附源码详解)

下载本文档

ID 106336
格式 docx
大小 298.11 KB
约23页
收藏
点赞(0)
海报
举报

/ 23

下载本文档

文本预览下载提示常见问题

注册时一般都有选择自己的籍贯或家庭地址这一项，最近几天也为了这个纠结了几天，总结了一下，在这里写了一个小例子，源代码都有，步骤也写的很详细了，希望对大家有点帮助！学习交流QQ：1134135987我的项目结构是项目运行后是这样的：点击“注册”按钮后的效果为：这样就OK了，这只是一个小例子而已，在实际的的项目中，就可以在后台接收这个三个值了，然后保存到数据库中，这里就不做详细介绍了。以下是源代码：index.jsp里的内容为：---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><html><head><basehref="<%=basePath%>"><title>史上最强省市县三级联动菜单</title><meta-equiv="pragma"content="no-cache"><meta-equiv="cache-control"content="no-cache"><meta-equiv="expires"content="0"><meta-equiv="keywords"content="keyword1,keyword2,keyword3"><meta-equiv="description"content="Thisismypage"><scripttype="text/javascript"src="js/getCity.js"></script><scripttype="text/javascript"src="js/city.js"></script></head><body><formaction="showCity.jsp"method="post"><inputtype="hidden"id="pro"name="province"/><inputtype="hidden"id="ci"name="city"/><inputtype="hidden"id="co"name="county"/><fontstyle="color:#990000;font-weight:bold;">省：</f<selectid="province"onchange="setCity(this.value);getArea()"><optionvalue=""selected="selected">请选择</option></select><fontstyle="color:#990000;font-weight:bold;">市：</f<selectid="city"onchange="setCounty(this.value);getArea()"style="display:;"><optionvalue=""selected="selected">请选择</option></select><fontstyle="color:#990000;font-weight:bold;">区(县)：</f<selectid="county"onchange="getArea()"style="display:;"><optionvalue=""selected="selected">请选择</option></select><inputtype="hidden"name="area"id="area"value="429004"/><scripttype="text/javascript"src="js/getCity.js"></script><inputtype="submit"value="注册"onclick="getMyCity();"/></form></body></html>showCity.jsp里面的代码：---本文来源于网络，仅供参考，勿照抄，如有侵权请联系删除---<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request.getContextPath();StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";request.setCharacterEncoding("utf-8");Stringprovince=request.getParameter("province");Stringcity=request.getParameter("city");Stringcounty=request.getParameter("county");%><html><head><basehref="<%=basePath%>"><title>史上最强省市县三级联动菜单</title><meta-equiv="pragma"content="no-cache"><meta-equiv="cache-control"content="no-cache"><meta-equiv="expires"content="0"><meta-equiv="keywords"content="keyword1,keyword2,keyword3"><meta-equiv="description"content="Thisismypage"><scripttype="text/javascript"src="js/getCity.js"></script></head><body>我的籍贯是：<%=province%>-<%=city%>-<%=county%></body></html>city.js里面的代码：functiongetMyCity(){//将省市区的中文传到页面中input中，然后提交隐藏域里的数据varchilds1=document.getElementById("province").childNodes;for(vari=0;i<childs1.length;i++){if(childs1[i].selected){document.getElementById("pro").value=childs1[i].innerHTML;}}varchilds2=document.getElementById("city").childNodes;for(vari=0;i<childs2.length;i++){if(childs2[i].selected){document.getElementById("ci").value=...

1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供参考，付费前请自行鉴别。
3、如文档内容存在侵犯商业秘密、侵犯著作权等，请点击“举报”。