📄 ajaxxml.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript">
var xmlHttp;
function getXmlHttp(){
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
}
//The deal function
function getTheCities(){
getXmlHttp();
var url="testDataDeal.php?provinceName="+document.getElementById("province").value;
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}
function handleStateChange()
{
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200){
updateCities();
}
}
}
function updateCities(){
var models=document.getElementById("city");
while(models.childNodes.length>0){
models.removeChild(models.childNodes[0]);
}
var cities =xmlHttp.responseText.split(',');
for(var i=0;i<cities.length-1;i++){
option=document.createElement("option");
option.appendChild(document.createTextNode(cities[i]));
models.appendChild(option);
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<form action="" method="post" name="myform">
<select id="province" name="province" onChange="getTheCities()">
<option value="湖南" selected>湖南</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
</select><br>
<select id="city" size="3">
<option value="长沙">长沙</option>
<option value="湘潭">湘潭</option>
<option value="株洲">株洲</option>
</select>
<br>
<input type="text" id="007" size="20">
</form><br>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -