<script type="text/javascript">
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>asp+ajax能实现根据下拉列表值动态无刷新显示数据</title>
</head>
<body>
<select id="bb">
<option value="1">a</option>
<option value="2">b</option>
</select>
<div id="cc"></div>
<script language="javascript">
function _get(a){return document.getElementById?document.getElementById(a):null}
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
_get("bb").onchange = aaa;
function aaa(b){
b = b || window.event;
var target = b.target || b.srcElement;
var vl= _get(target.id).options[_get(target.id).selectedIndex].value;
creatrequest("serch.asp?name="+vl+"")//这里可以写url和你所选的那个options的value比如"1.asp?id="+vl+""
}
function creatrequest(url){
//alert(url)
request.open("GET", url, false);
request.onreadystatechange = updatePage;
request.send(null);
}
function updatePage() {
if (request.readyState == 4) {
var xmlDoc = request.responseText;
_get("cc").innerHTML=xmlDoc
}
}
</script>
</body>
</html>