php+ajax动态生成下拉菜单

最新推荐文章于 2021-04-15 16:27:01 发布

转载最新推荐文章于 2021-04-15 16:27:01 发布 · 1.9k 阅读

文章标签：

#ajax #php #xmlhttprequest #function #javascript #action

PHP 专栏收录该内容

211 篇文章

订阅专栏

本文介绍了一种使用PHP和Ajax技术动态生成下拉菜单的方法。通过Ajax发送请求到服务器，利用PHP处理数据并返回给客户端更新下拉菜单选项，实现页面局部刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://www.corange.cn//uploadfiles/080829-3_80013.jpg

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>php+ajax动态生成下拉菜单</title>
<script language="javascript">
//var ab = new Array();
var xmlHttp;

function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}

function startRequest() {
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
document.getElementById('select2').options.length = 0;
var url = document.form1.select1.value;
var qurl = "getCities.php?countryCode="+url+"&time="+new Date().getTime();
xmlHttp.open("GET", qurl, true);
xmlHttp.send(null);
//setTimeout("startRequest()",2000);
}

function handleStateChange() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
var obj = document.getElementById('select2');
eval(xmlHttp.responseText);

}
}
}

</script>
</head>

<body>
<form name="form1" method="post" action="">
<p>
<select name="select1" id="select1" onChange="startRequest()">
<option value="0">选择</option>
<option value="no">1</option>
<option value="dk">2</option>
<option value="us">3</option>
</select>
</p>
<p>
<select name="select2" id="select2">
</select>
</p>
</form>
</body>
</html>
<?php

if(isset($_GET['countryCode'])){

switch($_GET['countryCode']){

case "no":
echo "obj.options[obj.options.length] = new Option('Bergen','1');n";
echo "obj.options[obj.options.length] = new Option('Haugesund','2');n";
echo "obj.options[obj.options.length] = new Option('Oslo','3');n";
echo "obj.options[obj.options.length] = new Option('Stavanger','4');n";

break;
case "dk":

echo "obj.options[obj.options.length] = new Option('Aalborg','11');n";
echo "obj.options[obj.options.length] = new Option('Copenhagen','12');n";
echo "obj.options[obj.options.length] = new Option('Odense','13');n";

break;
case "us":

echo "obj.options[obj.options.length] = new Option('Atlanta','21');n";
echo "obj.options[obj.options.length] = new Option('Chicago','22');n";
echo "obj.options[obj.options.length] = new Option('Denver','23');n";
echo "obj.options[obj.options.length] = new Option('Los Angeles','24');n";
echo "obj.options[obj.options.length] = new Option('New York','25');n";
echo "obj.options[obj.options.length] = new Option('San Fransisco','26');n";
echo "obj.options[obj.options.length] = new Option('Seattle','27');n";

break;
}
}
?>