A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 郭强 中级黑马   /  2013-4-12 11:13  /  1657 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 郭强 于 2013-4-13 00:38 编辑

如何使用JQuerry通过读取XML来实现省市查询,现在JQuerry挺流行的,想做一个

3 个回复

倒序浏览
如下所示:
$(document).ready(function(){    $.ajax({        type:"GET",        url:"city.xml",        dataType:"xml",        error:function(){alert("读取失败!")},        success:function(xml){            $(xml).find("province").each(function(){                $("<option></option>")                    .attr("value",$(this).attr("name"))                    .html($(this).attr("name"))                    .appendTo("#slt_province")            })        }    });    $("#slt_province").change(function(){        $("#slt_city").empty();        $.ajax({            type:"GET",            url:"city.xml",            dataType:"xml",            success:function(xml){                var city = $(xml).find("province[name='" + $("#slt_province").val() + "']").attr("cities").split(" ");                $.each(city,function(i){                    $("<option></option>")                    .attr("value",city[i])                    .html(city[i])                    .appendTo("#slt_city")                })            }        })    })})
city.xml文件
<?xml version="1.0" encoding="gb2312"?><china>    <province name="全选" cities="全选"/>    <province name="安徽" cities="全选 安庆 蚌埠 巢湖 池州 滁州 阜阳 合肥 淮北 淮南 黄山 六安 马鞍山 宿州 铜陵 芜湖 宣城 亳州"/>    <province name="北京" cities="全选 北京"/>。。。。。。。。</china>

点评

格式好乱啊,但还是谢谢你的回复,很有用,已经搞定了  发表于 2013-4-13 00:36
回复 使用道具 举报
这位大哥 我是真膜拜了,,你竟然从基础  问到框架,,而且是在 一天中问的,,跪求大神学习方法?
回复 使用道具 举报
huima 发表于 2013-4-12 12:04
如下所示:
$(document).ready(function(){    $.ajax({        type:"GET",        url:"city.xml",       ...

我没整理,你搞懂了就好!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马