下载此文档

jqueryhtmlcss实现城市三级联动.docx

文档分类：建筑/环境 | 页数：约6页举报非法文档有奖

1/6

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/6 下载此文档

文档列表 文档介绍

HTML代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><title>Inserttitlehere</title><linkhref=""rel="stylesheet"type="text/css"/><scripttype="text/javascript"src="jquery-"></script><scripttype="text/javascript"src=""></script></head><body><divid="cityDiv"><aclass="aCity"id="aPro"> 请选择省</a><aclass="aCity"id="aCity"> 请选择市</a><aclass="aCity"id="aArea"> 请选择区县</a></div></body></html>JavaScript代码如下:/*$.get()或$.post()方法来解析xml文件*url:指定要解析的xml文件的路径*callback:回调函数,function(xml)(}*xml:解析xml文件返回的内容*/$.get("",function(xml)(vardocXml=xml;var$provinceElements=$(docXml).find("province");var$proEle=$("#cityDiv");//a链接的divvar$divEle=$("<divclass='dropdown_window'id='divPro'></div>");var $divEleCity = $("<div class='dropdown_window' style='margin-left:66px;'id='divCity'></div>");var $divEleArea = $("<div class='dropdown_window' style='margin-left:144px;'id='divArea'></div>");〃遍历所有的省,写到第一个div中$(function(index,domEle)(var$provinceValue=$(domEle).attr("name”);//获得省的值//创建span标签var$optionElement=$("<aclass='ziduan'href='javascript:void(0);'></a>");//$("value”,$provi

jqueryhtmlcss实现城市三级联动来自淘豆网www.taodocs.com转载请标明出处.