`
libran
  • 浏览: 188687 次
  • 性别: Icon_minigender_1
  • 来自: 天津
文章分类
社区版块
存档分类
最新评论
收藏列表
标题 标签 来源
颇受启发的一个jQuery Ajax例子~ 颇受启发的一个jQuery Ajax例子~ 
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<html>
<head>
<title>jquery xml解析</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript">
	$(document).ready(
			function() {
				$.ajax( {
					url : "xx.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 : "xx.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>
Global site tag (gtag.js) - Google Analytics