注册 登录
编程论坛 jQuery论坛

两种方式实现Ajax省市三级联动菜单

anlige 发布于 2008-12-09 16:01, 6564 次点击
源数据库来自信息产业部网站,为xls格式(excel),作者自己存储为access和xml格式
1.XML方式
程序代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>xml测试--省市三级联动菜单</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="district.js"></script>
</head>
<body>
<div style="display:inline;" id="prv"></div>
<div style="display:inline;" id="shi"></div>
<div style="display:inline;" id="xian"></div>
</body>
</html>

2.Access数据库方式
程序代码:
<html>
<HEAD>
<title>AJAX县市</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript" src="fun.js"></script>
</HEAD>
<BODY onload="Star('000000','sheng');">
<form name="addart" id="f1" method="get" action="">
<SELECT name="sheng" ID="sheng" onclick="Star(this.options[this.selectedIndex].value,'shi');">
<option>选择省
</select>
<select name="shi" id="shi" onclick="Star(this.options[this.selectedIndex].value,'xian');">
<option>选择市
</select>
<select name="xian" id="xian">
<option>选择县
</select>
</form>
</body>
</html>

也可以到这里来下载源代码:
http://www.
9 回复
#2
haizeng2009-12-18 11:02
恩 学习啦
#3
lhjsj2010-06-21 09:27
这个例子中的下拉列表显示的值,要保存到数据库中去,为什么只能保存其ID呢
#4
天上的星星2011-06-18 12:30
分享了,我也写了一个
1