jQuery读取xml文件,实现省、市、县三级联动

本文举例说明jQuery读取XML文件实现省市和县三级联动的方法,供大家参考:

页面代码如下所示:





>
我jsp'city jsp'starting页。





<!——

-->


$(文档)Ready(函数(){)
/省
$ $
成功:函数(XML){
$(XML)。find()。
var t = $(this)。Attr(名称); / /这->
$(# dropprovince)。追加(+ +);
});
}
});
锡蒂
$(# dropprovince)。变化(函数(){)
$(#城市>选项)删除();
$(# SAREA >选项)删除();
无功pname = $(# dropprovince )瓦迩();
$ $
成功:函数(XML){
首先,子元素(即查找/城市)
$(XML),发现(省{名称=++ pname } >市)。每个(函数(){){
VaR市=美元(这)。Attr(名称); / /这->
$(#市政)。追加(+城市+ );
});
首先是子元素(即搜索区域)。
var = $(# CNAME市政)。瓦迩();
$(XML),发现(市{名称=++ CNAME } >地区)。每个(函数(){){
VaR的面积=美元(这)。Attr(名称); / /这->
$(# SAREA)。追加(+地区+ );
});
}
});
});
区域
$(#市政)。变化(函数(){)
$(# SAREA >选项)删除();
var = $(# CNAME市政)。瓦迩();
$ $
成功:函数(XML){
首先是子元素(即搜索区域)。
$(XML),发现(市{名称=++ CNAME } >地区)。每个(函数(){){
VaR的面积=美元(这)。Attr(名称); / /这->
$(# SAREA)。追加(+地区+ );
});
}
});
});
});






请选择


请选择相应的城市


请选择相应的区域







结果如下:



希望本文能对大家的jQuery程序设计有所帮助。