- 浏览: 39279 次
- 性别:
- 来自: 北京
最新评论
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jquery xml解析</title>
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({url:"City.xml",
success:function(xml){
$(xml).find("province").each(function(){
var t = $(this).attr("name");//this->
$("#DropProvince").append("<option>"+t+"</option>");
});
}
});
$("#DropProvince").change(function(){
$("#sCity>option").remove();
var pname = $("#DropProvince").val();
$.ajax({url:"City.xml",
success:function(xml){
$(xml).find("province[name='"+pname+"']>city").each(function(){
$("#sCity").append("<option>"+$(this).text()+"</option>");
});
}
});
});
});
</script>
</head>
<body>
<form id="form1">
<div>
<select id="DropProvince" style="width:60px;">
<option>请选择</option>
</select>
<select id="sCity" style="width:60px;">
</select>
</div>
</form>
</body>
</html>
xml
<?xml version="1.0" encoding="utf-8" ?>
<provinces>
<province name="湖北">
<city>武汉</city>
<city>黄石</city>
<city>宜昌</city>
<city>天门</city>
</province>
<province name="湖南">
<city>邵阳</city>
<city>长沙</city>
<city>岳阳</city>
</province>
<province name="广东">
<city>广州</city>
<city>深圳</city>
</province>
</provinces>
发表评论
-
jquery 下拉菜单
2015-05-08 14:53 598http://sc.chinaz.com/jiaoben/ca ... -
JSP 页面缓存以及清除缓存
2015-01-16 16:15 683JSP 页面缓存以及清除 ... -
ie 浏览器
2013-10-23 16:53 554<!--[if IE]>….<![end ... -
CSS强制文本不换行
2013-09-05 13:14 892在一个规定宽度大小的u ... -
判断浏览器
2013-04-17 11:15 588下面整理的是一套判断方法: function getExplo ... -
JS刷新父窗口的几种方式
2013-01-29 10:40 713JS刷新父窗口的几种方式 浮层内嵌iframe及frame集合 ... -
Javascript 异步加载详解
2012-11-16 10:23 582Javascript 异步加载详解 本文总结一下浏览器在 ja ... -
js map
2012-08-10 08:52 829<mce:script type="text/ ... -
js 全角半角
2012-08-10 08:53 855一、用JS把全角转换成半角(不能转换标点符号) <in ... -
毫秒值转换日期格式
2012-05-11 09:03 1122var oldTime = (new Date("2 ... -
鼠标滚轴事件
2011-12-19 11:33 784鼠标滚轴事件 2009/12/30 11:13 <!DO ... -
键盘按键编码
2011-12-05 11:01 2396<html> <head> </ ... -
火狐 插件安装路径
2011-11-03 17:33 945C:\Documents and Settings\用户名\A ... -
ajax传递中文参数乱码.txt
2011-11-03 17:30 2571最近在开发中碰到ajax传递中文参数乱码的问题,弄了很久才搞定 ... -
如何让鼠标指针变成一个小手状
2011-09-18 10:46 3508JavaScript中onmouseover时如何让鼠标指针变 ... -
正则表达式
2011-09-13 13:37 668整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2} ... -
jquery 城市选择
2011-05-20 11:22 1652jquery 城市选择 -
按下回车事件
2011-01-18 10:27 931//按下回车事件 <body onKeyDown = ... -
jquery 选择器用法大全
2011-01-18 10:11 759附件中。jquery 选择器用法大全.rar -
js 判断浏览器
2011-01-17 13:20 865在网站前端开发中,浏览器兼容性问题本已让我们手忙 ...
相关推荐
关于jq读取xml的,有需要的朋友可以下载。
jQuery解析xml文件,实现省市县三级联动下拉框
jquery解析xml
JQuery 省市县三级联动 ,解析中国城市XML,实现联动。需在本地有服务
jquery解析xml并实现省市二级联动
Jquery操作xml_Demo。 帮一个朋友做的一个Demo实例,用jquery读取xml文件,很简单的操作,一看就明白。
主要介绍了使用jquery解析XML的方法,代码简洁实用,需要的朋友可以参考下
本文实例总结了JQuery解析XML的方法。分享给大家供大家参考,具体如下: 用JavaScript解析XML数据是常见的编程任务,JavaScript能做的,JQuery当然也能做。下面我们来总结几个使用JQuery解析XML的例子。 第一种方案...
下面小编就为大家带来一篇JQuery解析XML数据的几个简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery加载并解析XML
对于HTML的解析,我是使用jQuery非常方便,其实,我们也可以用jquery解析XML,也是同样的方便。 如果你用过Java、PHP等语言解析过XML,相信会跟我有相同的感觉,那就是很麻烦。改用jQuery来读取、分析、操作XML后,...
NULL 博文链接:https://a52071453.iteye.com/blog/1673903
NULL 博文链接:https://qyongkang.iteye.com/blog/585382
下面小编就为大家带来一篇jquery解析XML及获取XML节点名称的实现代码。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
通过示例为大家介绍了使用jquery解析XML的方法,经测试比较实用,需要的朋友可以参考下