📄 cityselect.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script language="JavaScript">
function ChooseState()
{
var sourceName = "Citys.xml";
var objXML = new ActiveXObject('Microsoft.XMLDOM'); //创建一个 MSXML解析器实例
objXML.async = false;
objXML.load(sourceName); //装入XML文档
root = objXML.documentElement; //设置文档元素为根节点元素
var sortField=root.selectNodes("//@name"); //搜索属性中含有name的所有节点
for(var i=0;i<sortField.length;++i) //增加省份名称到下拉列表
{
var oOption = document.createElement('OPTION');
oOption.text = " "+sortField[i].text+" ";
oOption.value = sortField[i].text;
form1.SelState.options.add(oOption);
}
ChooseCity();
}
//自定义函数：ChooseCity
//(根据当前选定的省名来读取XML数据中的对应城市名称，并增加到SelCity 的下拉列表中)
function ChooseCity()
{
var index=form1.SelState.selectedIndex; //读取省份下拉框的当前选项
var state_name=form1.SelState.options[index].value;
var sortField=root.selectNodes("//State[@name='"+state_name+"']/City"); //搜索name属性值等于
//参数y的State节点下的所有city节点
for(var i=form1.SelCity.options.length - 1; i >= 0;--i) //撤消原来的列表项
{
form1.SelCity.options.remove(i)
}
for(var i=0;i<sortField.length;++i) //增加城市名称到下拉列表
{
var oOption = document.createElement('OPTION');
oOption.text = " "+sortField[i].text+" ";
oOption.value = sortField[i].text;
form1.SelCity.options.add(oOption);
}
this.display2.innerHTML ='oooo';
}
</script>
<BODY onLoad="ChooseState()">
<FORM action="" method="post" id="form1" name="form1">
<SELECT name="SelState" id="SelState" onchange="ChooseCity()" >
</SELECT>
<SELECT name="SelCity" id="SelCity" >
</SELECT>
</FORM>
<span id="display1">2412424</span>
<div id="display2"></div>
</BODY> ⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -