php+ajax动态生成下拉菜单
来源:互联网 发布:微博刷赞软件手机版 编辑:程序博客网 时间:2024/05/19 18:17
<script type="text/javascript"><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></script><script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<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;
}
}
?>
- php+ajax动态生成下拉菜单
- 动态下拉菜单生成程序
- 909422229_JSP页面动态下拉菜单Ajax
- PHP+AJAX制作联动下拉菜单
- ajax 动态生成二级关联下拉框
- Ajax获取php返回json数据动态生成select下拉框
- Ajax+XML实现级联下拉菜单的动态加载
- PHP+MYSQL+AJAX 3级联动下拉菜单
- ajax 级联下拉菜单
- Ajax下拉菜单联动
- 下拉菜单中的ajax
- php ajax动态读取的级联菜单 联动菜单
- 可以互相操作的下拉菜单(动态生成的下拉菜单)
- 下拉菜单从数据库读取数据动态生成
- 动态的下拉菜单
- 多级下拉菜单(动态)
- 动态下拉菜单
- Ajax简单示例之改变下拉框动态生成表格
- 多文件上传类代码
- 删除无限级目录与文件代码共享
- CSS仿淘宝首页导航条按钮布局效果
- 折叠展开收缩效果的栏目分类导航
- 切换滑动门效果(图,代码下载)
- php+ajax动态生成下拉菜单
- 比google和百度牛的十倍的搜索类网站(一定要收藏,肯定会有用的)
- ASP+AJAX应用之注册用户即时检测
- day day up
- 解决weblogic下报java.net.ProtocolException: Exceeded stated content-length of异常问题
- GridView 中 DataFormatString 的使用
- JavaScript无提示关闭当前页面窗口,兼容IE/Firefox/Chrome (Close the current page window without confirm by JavaScript, support all browsers)
- 为gridview “删除”列添加确认对话框
- RegQueryValueEx函数返回234错误解决方法