首页 / AJAX / Ajax级联菜单实例代码
Ajax级联菜单实例代码
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Ajax级联菜单实例代码,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2176字,纯文字阅读大概需要4分钟。
内容图文
![Ajax级联菜单实例代码](/upload/InfoBanner/zyjiaocheng/383/41bfa0c78e674c30971fcd5a81f1ddd8.jpg)
1.Ajax.html
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ajax</title>
<script type="text/javascript">
function loadXMLDoc(txt) {
var xmlhttp;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var citys = xmlhttp.responseText.split(',');
document.getElementById("citys").length = 1;
for (i = 0; i < citys.length - 1; i++) {
document.getElementById("citys").add(new Option(citys[i], citys[i]));
}
// document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax/getdata.aspx?pro="+txt, true);
xmlhttp.send();
}
</script>
</head>
<body>
<h2>AJAX</h2>
<select id="Select1" onchange="loadXMLDoc(this.value)">
<option>请选择省份</option>
<option value="1">江苏</option>
<option value="2">上海</option>
</select>
<select id="citys">
<option>请选择城市</option>
</select>
<div id="myDiv"></div>
</body>
</html>
2.getdata.aspx.cs
代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class ajax_getdata : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string[] js=new string[]{"南京", "苏州", "常州" , "无锡" , "镇江"};
string pro=Request.QueryString["pro"];
if (pro == "1")
{
string temp = "";
for (int i = 0; i < js.Length; i++)
{
temp = temp + js[i];
temp = temp + ",";
}
Response.Write(temp);
}
else
Response.Write("");
}
}
内容总结
以上是互联网集市为您收集整理的Ajax级联菜单实例代码全部内容,希望文章能够帮你解决Ajax级联菜单实例代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。