<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<script src="jquery-1.2.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
$.get('area.xml', function(d){
$('#sel_province').children().remove();
$(d).find('province').each(function(){
$('#sel_province').append("<option value='"+$(this).attr("name")+"'>"+$(this).attr("name")+"</option");
});
$('#sel_city').children().remove();
$(d).find('province:first>city').each(function(){
$("#sel_city").append("<option value='"+$(this).attr("name")+"'>"+$(this).attr("name")+"</option");
});
$('#sel_country').children().remove();
$(d).find('province:first>city:first>country').each(function(){
$("#sel_country").append("<option value='"+$(this).attr("name")+"'>"+$(this).attr("name")+"</option");
});
});
$("#sel_city").change(function(){
$.get('area.xml', function(d){
$('#sel_country').children().remove();
$(d).find("province[name="+document.getElementById("sel_province").value+"]>city[name="+document.getElementById("sel_city").value+"]>country").each(function(){
//alert($(this).attr("name"));
$("#sel_country").append("<option value='"+$(this).attr("name")+"'>"+$(this).attr("name")+"</option");
});
});
});
$("#sel_province").change(function(){
$.get('area.xml', function(d){
$('#sel_city').children().remove();
$(d).find("province[name="+document.getElementById("sel_province").value+"]>city").each(function(){
//alert($(this).attr("name"));
$("#sel_city").append("<option value='"+$(this).attr("name")+"'>"+$(this).attr("name")+"</option");
});
$('#sel_country').children().remove();
$(d).find("province[name="+document.getElementById("sel_province").value+"]>city:first>country").each(function(){
$("#sel_country").append("<option value='"+$(this).attr("name")+"'>"+$(this).attr("name")+"</option");
});
});
});
});
</script>
</head>
<body>
<form>
<select id="sel_province">
<option>请选择</option>
</select>
<select id="sel_city">
<option>请选择</option>
</select>
<select id="sel_country">
<option>请选择</option>
</select>
</body>
</html>
跨浏览器省市县三级联动下拉框 XML数据源
4星 · 超过85%的资源 需积分: 9 71 浏览量
2009-03-02
16:57:55
上传
评论 1
收藏 44KB ZIP 举报 
area.zip （3个子文件） 
area 
area.xml 97KB jquery-1.2.6.js 98KB
area.html 2KB资源评论
wssgis2015-05-08试了下，可以用~
sd0804252011-10-12跨平台吗？有乱码吗？
luffy10102013-09-25不会用啊...
近卫狙击2012-03-23很不错的，特别是省市的资料都很全- jiang7316192012-10-19很不错，就是有点乱码
