var optionelems = cityelem.getElementsByTagName("option");
来源:互联网 发布:cisco端口类型 编辑:程序博客网 时间:2024/05/22 12:08
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test01.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/javascript.js"></script>
</head>
<body>
<select id="province" name="province">
<option value="">请选择....</option>
<option value="吉林省">吉林省</option>
<option value="辽宁省">辽宁省</option>
<option value="山东省">山东省</option>
</select>
<select id="city" name="city">
<option value="">请选择.....</option>
</select>
</body>
<script language="JavaScript">
document.getElementById("province").onclick=function(){
//清空
/*
* <select id="city" name="city">
<option value="">请选择.....</option>
<option value="长春">长春</option>
</select>
*/
var cityelem = document.getElementById("city");
var optionelems = cityelem.getElementsByTagName("option");
// alert("tfy");
for (var i = 1; i < optionelems.length; i++) {
// alert("tfy");
cityelem.removeChild(optionelems[i]);
// cityelem.removeChild(optionelems[1]);
// alert("tfy");
i--;
// alert("tfy");
}
//1 获取页面选中省份的信息
// alert("tfy");
var provinceValue=this.value;
//2 解析xml文件
var docXml=parseXML("cities.xml");
//3 获取xml文件中所有省份的信息
var provinceXmlElements=docXml.getElementsByTagName("province");
// 4 遍历
for(var j=0;j<provinceXmlElements.length;j++){
// 5 获取一个省份信息
var provinceXmlElement=provinceXmlElements[j];
var provinceXmlValue=provinceXmlElement.getAttribute("name");
// 6 对比
if(provinceValue==provinceXmlValue){
// 7 获取所有城市标签的信息
var cityXmlelems=provinceXmlElement.getElementsByTagName("city");
// alert("tfy");
//8 将解析的城市信息添加到第二个下拉框中
for(var k=0;k<cityXmlelems.length;k++ ){
var cityXmlelem=cityXmlelems[k];
var cityXmlValue=cityXmlelem.firstChild.nodeValue;
// alert("tfy");
/*
* <select id="city" name="city">
<option value="">请选择.....</option>
<option value="长春">长春</option>
</select>
*/
var optionelem=document.createElement("option");
optionelem.setAttribute("value",cityXmlValue);
var cityText=document.createTextNode(cityXmlValue);
optionelem.appendChild(cityText);
cityelem.appendChild(optionelem);
}
}
}
}
</script>
</html>
<html>
<head>
<title>test01.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/javascript.js"></script>
</head>
<body>
<select id="province" name="province">
<option value="">请选择....</option>
<option value="吉林省">吉林省</option>
<option value="辽宁省">辽宁省</option>
<option value="山东省">山东省</option>
</select>
<select id="city" name="city">
<option value="">请选择.....</option>
</select>
</body>
<script language="JavaScript">
document.getElementById("province").onclick=function(){
//清空
/*
* <select id="city" name="city">
<option value="">请选择.....</option>
<option value="长春">长春</option>
</select>
*/
var cityelem = document.getElementById("city");
var optionelems = cityelem.getElementsByTagName("option");
// alert("tfy");
for (var i = 1; i < optionelems.length; i++) {
// alert("tfy");
cityelem.removeChild(optionelems[i]);
// cityelem.removeChild(optionelems[1]);
// alert("tfy");
i--;
// alert("tfy");
}
//1 获取页面选中省份的信息
// alert("tfy");
var provinceValue=this.value;
//2 解析xml文件
var docXml=parseXML("cities.xml");
//3 获取xml文件中所有省份的信息
var provinceXmlElements=docXml.getElementsByTagName("province");
// 4 遍历
for(var j=0;j<provinceXmlElements.length;j++){
// 5 获取一个省份信息
var provinceXmlElement=provinceXmlElements[j];
var provinceXmlValue=provinceXmlElement.getAttribute("name");
// 6 对比
if(provinceValue==provinceXmlValue){
// 7 获取所有城市标签的信息
var cityXmlelems=provinceXmlElement.getElementsByTagName("city");
// alert("tfy");
//8 将解析的城市信息添加到第二个下拉框中
for(var k=0;k<cityXmlelems.length;k++ ){
var cityXmlelem=cityXmlelems[k];
var cityXmlValue=cityXmlelem.firstChild.nodeValue;
// alert("tfy");
/*
* <select id="city" name="city">
<option value="">请选择.....</option>
<option value="长春">长春</option>
</select>
*/
var optionelem=document.createElement("option");
optionelem.setAttribute("value",cityXmlValue);
var cityText=document.createTextNode(cityXmlValue);
optionelem.appendChild(cityText);
cityelem.appendChild(optionelem);
}
}
}
}
</script>
</html>
- var optionelems = cityelem.getElementsByTagName("option");
- 关于var body=document.getElementsByTagName("body")[0];出现的问题
- 获取var card_type = $("#card_id").find("option:selected").data('card_type');
- getElementsByTagName
- getElementsByTagName
- getElementsByTagName
- getElementsByTagName
- getElementsByTagName
- var that=that
- @synthesize var=_var
- var options = options || {};
- var endindex = 1
- var self =this;
- var s=+newDate();
- var cc=cc ||{}
- var A={};
- var that = this
- var self = this
- Objective-C的setter和getter
- HDU1269--迷宫城堡--深度优先搜索
- Asp.Net底层解析(五)——HttpHandler详解
- VB.net数据库编程(06):调用存储过程(带参和不参数情况)
- Java 高质量编程建议(笔记6)
- var optionelems = cityelem.getElementsByTagName("option");
- 浅析C语言中的指针
- VS2010添加默认路径和库,新工程无需手动添加
- html中设置超出部分自动显示滚动条
- 分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果
- 一步一图教你完成Windows XP(32位)+VS Express环境下CUDA开发环境配置
- 把一个bmp图片写入文件中
- Css 规范
- id 和 class 的命名总规则为