62,074
社区成员
发帖
与我相关
我的任务
分享
<script type="text/javascript" language="javascript">
var XmlHttp;
function createXMLHttpRequest() {
//在IE下创建XMLHTTPRequest对象
try {
XmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
XmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (oc) {
XmlHttp = null;
}
}
//在Mozilla和Safari等非IE浏览器下创建XMLHTTPRequest对象
if (!XmlHttp && typeof XMLHttpRequest != "undefined") {
XmlHttp = new XMLHttpRequest();
}
return XmlHttp;
}
function SendRequest(str) {
var url = "login.aspx?bk=" + escape(str);
createXMLHttpRequest();
XmlHttp.onreadystatechange = handleStateChange;
XmlHttp.open("GET", url, true);
XmlHttp.send(null);
}
function handleStateChange() {
if (XmlHttp.readyState == 4) {
if (XmlHttp.status == 200) {
var city_string = XmlHttp.responseText;
var city_array = city_string.split(",");
while (document.getElementById("city").options.length > 0) {
document.getElementById("city").options.remove(0);
}
for (var j = 0; j < city_array.length; j++) {
var oOption = document.createElement("OPTION"); //生成OPTION对象
oOption.text = city_array[j];
oOption.value = city_array[j];
document.getElementById("city").add(oOption); //把OPTION对象加入
}
}
else {
alert("请求页面异常!");
}
}
}
</script>
页面
<tr>
<td style="width: 92px"><span>所属省</span></td>
<td style="width: 154px"> <select id="province" onchange="SendRequest(this.value)" runat="server">
<option value="hn">河南省</option>
<option value="gd">广东省</option>
<option value="hb">湖北省</option>
<option value="js">江苏省</option>
</select>
</td>
</tr>
<tr>
<td style="width: 92px"><span>所属市:</span></td>
<td style="width: 154px"><select id="city" runat="server" style="width: 73px"> </select></td>
</tr>
后台:
protected void Page_Load(object sender, EventArgs e)
{
string bk, result = "";
bk = Request.QueryString["bk"].ToString().Trim();
if (bk != "")
{
switch (bk)
{
case "hn":
result = "郑州,洛阳,开封";
break;
case "gd":
result = "广州,深圳,珠海";
break;
case "hb":
result = "武汉,十堰,宜昌";
break;
case "js":
result = "南京,苏州,扬州";
break;
}
Response.Charset = "utf-8";
Response.Write(result);
}
}
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!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 runat="server">
<title></title>
<script type="text/javascript" language="javascript">
var XmlHttp;
function createXMLHttpRequest() {
//在IE下创建XMLHTTPRequest对象
try {
XmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
XmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (oc) {
XmlHttp = null;
}
}
//在Mozilla和Safari等非IE浏览器下创建XMLHTTPRequest对象
if (!XmlHttp && typeof XMLHttpRequest != "undefined") {
XmlHttp = new XMLHttpRequest();
}
return XmlHttp;
}
function SendRequest(str) {
var url = "Default2.aspx?bk=" + escape(str);
alert(url);
createXMLHttpRequest();
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.send(null);
}
function handleStateChange() {
if (XmlHttp.readyState == 4) {
if (XmlHttp.status == 200) {
var city_string = XmlHttp.responseText;
var city_array = city_string.split(",");
while (document.getElementById("city").options.length > 0) {
document.getElementById("city").options.remove(0);
}
for (var j = 0; j < city_array.length; j++) {
var oOption = document.createElement("OPTION"); //生成OPTION对象
oOption.text = city_array[j];
oOption.value = city_array[j];
document.getElementById("city").add(oOption); //把OPTION对象加入
}
}
else {
alert("请求页面异常!");
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td style="width: 92px"><span>所属省</span></td>
<td style="width: 154px"> <select id="province" onchange="SendRequest(this.value)">
<option value="hn">河南省</option>
<option value="gd">广东省</option>
<option value="hb">湖北省</option>
<option value="js">江苏省</option>
</select>
</td>
</tr>
<tr>
<td style="width: 92px"><span>所属市:</span></td>
<td style="width: 154px"><select id="city" style="width: 73px"> </select></td>
</tr>
</table>
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class Default2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string bk, result = "";
bk = Request.QueryString["bk"].ToString().Trim();
if (bk != "")
{
switch (bk)
{
case "hn":
result = "郑州,洛阳,开封";
break;
case "gd":
result = "广州,深圳,珠海";
break;
case "hb":
result = "武汉,十堰,宜昌";
break;
case "js":
result = "南京,苏州,扬州";
break;
}
Response.Charset = "utf-8";
Response.Flush();
Response.Write(result);
Response.End();
}
}
}