ajax+php无刷新二级联动菜单的应用实例
本款php ajax应用实例是一款利用ajax+php调用城市二级联动菜单,这样我们可以实时的根据数据库内容更新了。本款php教程 ajax应用实例是一款利用ajax+php调用城市二级联动菜单,这样我们可以实时的根据数据库教程内容更新了。
<html>
<head>
<title>ajax+php无刷新二级联动菜单的应用实例</title><script language="网页特效">
var xmlhttp = null;function getxmlhttprequest()
{
var xmlhttp=null;
try
{
xmlhttp = new xmlhttprequest();
}
catch(e)
{
try
{
xmlhttp = new activexobject("msxml2.xmlhttp");
}
catch (e)
{
try
{
xmlhttp = new activexobject("microsoft.xmlhttp");
}
catch(e)
{
xmlhttp = false;
}
}
}return xmlhttp;
}function sendrequest()
{
var prov_name = document.getelementbyid("province").value;if((prov_name == null) || (prov_name == ""))
return;
xmlhttp = getxmlhttprequest();
if(xmlhttp == null)
{
alert("浏览器不支持xmlhttprequest!");
return;
}var url = "www.111cn.net.php";
url = url + "?prov=" + prov_name;xmlhttp.open("get", url, true);
xmlhttp.onreadystatechange = updatepage;
xmlhttp.send(null);
}function updatepage()
{
if(xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
var response = xmlhttp.responsetext;
document.getelementbyid("city").innerhtml = response;
}
}
</script><head>
<body>
<h3>请选择一个省(自治区):</h3><form action="www.111cn.net.php">
<div>
<select id="province" onchange="sendrequest()">
<option value="">请选择一个省(自治区)</option>
<option value="ah">安徽</option>
<option value="fj">福建</option>
<option value="gs">甘肃</option>
<option value="gd">广东</option>
<option value="gx">广西</option>
<option value="gz">贵州</option>
<option value="hn">海南</option>
<option value="hb">河北</option>
<option value="hh">河南</option>
<option value="hl">黑龙江</option>
</select>
</div>
</form><div id="city">
</div></body>
</html>
www.111cn.net.php代码
<?php
$city_arr = array(
"ah"=>"合肥",
"fj"=>"福州",
"gs"=>"兰州",
"gd"=>"广州",
"gx"=>"南宁",
"gz"=>"贵阳",
"hn"=>"海口",
"hb"=>"石家庄",
"hh"=>"郑州",
"hl"=>"哈尔滨"
);if(empty($_get['prov']))
{
echo iconv("gb2312","utf-8",'<font color="red">您没有选择省(自治区)</font>');
}
else
{
$prov = $_get['prov'];
$city = $city_arr[$prov];
echo iconv("gb2312","utf-8",'所选省(自治区)省会(首府)为:'.$city);
}
?>
PHP之友评论