📄 test.aspx
字号:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<!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">
var xmlhttp;
if(window.ActiveXObject)
{
var xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
var temp;
function getData(from,target)
{
var url;
if(from=='a')
{
url="response.aspx";
}
else
{
url="response.aspx?"+from+"="+document.getElementById(from).value;
}
temp=target;
xmlhttp.open("GET",url,true);
xmlhttp.onreadystatechange=stateChange;
xmlhttp.send(null);
}
function stateChange()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
data=xmlhttp.responseText;
FillData(data,temp);
}
}
function FillData(strData,target)
{
document.getElementById(target).options.length=0;
document.getElementById(target).options.add(new Option('请选择','0'));
if(target=='district')
{
document.getElementById('city').options.length=0;
document.getElementById('city').options.add(new Option('请选择','0'));
}
var indexofstr;
var str;
var indexofunit;
var strid;
var strname;
while(strData.length>0)
{
indexofstr=strData.indexOf("|");
if(indexofstr>0)
{
str=strData.substring(0,indexofstr);
strData=strData.substring(indexofstr+1);
indexofunit=str.indexOf(",");
strid=str.substring(0,indexofunit);
strname=str.substring(indexofunit+1);
document.getElementById(target).options.add(new Option(strname,strid));
}
}
}
</script>
</head>
<body onload="getData('a','province');">
<form id="form1" runat="server">
<div id="divlist">
<select id="province" onchange="getData('province','district')"><option value="0">请选择</option>
</select>
<select id="district" onchange="getData('district','city')"><option value="0">请选择</option>
</select>
<select id="city"><option value="0">请选择</option>
</select>
</div>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -