- 浏览: 46831 次
- 性别:
- 来自: 北京
最新评论
-
mike4084:
多谢 分享 帮助我解决了问题
解决Win7dos命令提示telnet不是内部命令 -
Longmanfei:
lsoffwer 写道。。。。。。。。。。 。。。。。。。。 ...
“抱”走90后 -
lsoffwer:
。。。。。。。。。。 。。。。。。。。 。。。。。。。。
“抱”走90后 -
fixsmall:
楼主这“轻量级”选手jQuery是什么意思?仿百度?百度还是仿 ...
“轻”量级“选手”jquery(的强大动能之)仿百度自动填充 -
dj4kobe:
刚刚也写了一个类似的东西。
“轻”量级“选手”jquery(的强大动能之)仿百度自动填充
//承接xml浏览器兼容问题解决的具体实现方法 因xml 代码过多故贴出部分(省市区三级联动)
<body>
<div>
<span> <select id="sheng" style="width:100px;">
<option>
请选择省
</option>
</select> </span>
<span><select id="shi" style="width:100px;">
<option>
请选择市
</option>
</select> </span>
<span><select id="xian" style="width:100px;">
<option>
请选择市
</option>
</select> </span>
</div>
</body>
//脚本
<script type="text/javascript">
//获取xmlDoc对象
function getXmlDoc(){
var xmlDoc;
try{
//IE浏览器
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
}catch(err){
try{
//firefox 其他浏览器
xmlDoc = document.implementation.createDocument("","",null);
}catch(er){
alert("您的浏览器实在是太低。。。。。。。。");
}
}
//关闭异步加载,确保在文档完全加载之前解析器不会继续脚本的执行
xmlDoc.async=false;
//转载xml文件
xmlDoc.load("city1.xml");
return xmlDoc;
}
window.onload=function(){
var xmlDoc=getXmlDoc();
//获取根节点
var root=xmlDoc.documentElement;
//获取所有的省节点
var provinces=root.childNodes;
//获取页面的span下拉列表的对象
var sheng=document.getElementById("sheng");
var shi=document.getElementById("shi");
var xian=document.getElementById("xian");
//alert("省节点循环进入");
//加载所有的省节点
for(var i=0;i<provinces.length;i++){//alert("省节点循环进入");
//查看该节点是否是元素节点 也是为了实现不同浏览器之间的兼容性问题
if(provinces[i].nodeType ==1 ){//alert("判断是否过滤了文本");
//创建option节点对象
var shengopt = document.createElement("option");
//为省节点添加文本节点
shengopt.appendChild(document.createTextNode(provinces[i].getAttribute("name")));
//为省节点添加属性
shengopt.setAttribute("value",provinces[i].getAttribute("postcode"));
//添加省道页面dom对象中
sheng.appendChild(shengopt);
}
}
//当某个省份被选选中是
sheng.onchange=function(){
//获取该省节点所有对象的集合
var shengs=sheng.options;
var num=shengs.selectedIndex;
//清空select列表
shi.length=1;
xian.length=1;
//获取省份所对应的value值,根据值剧的到xml中相应节点
var ppostcode=shengs[num].getAttribute("value");
//遍历所有的省
for(var i=0;i<provinces.length;i++){
if(provinces[i].nodeType==1){
var postcode=provinces[i].getAttribute("postcode");
if(postcode==ppostcode){
var cities=provinces[i].childNodes;
shi.length=1;
for(var j=0;j<cities.length;j++){
if(cities[j].nodeType==1){
var shiopt = document.createElement("option");
shiopt.appendChild(document.createTextNode(cities[j].getAttribute("name")));
shiopt.setAttribute("value",cities[j].getAttribute("postcode"));
shi.appendChild(shiopt);
}
}
break;
}
}
}
}
shi.onchange = function(){
var shis = shi.options;
var num = shis.selectedIndex;
var spostcode = shis[num].getAttribute("value");
//遍历所有的省
for(var i=0;i<provinces.length;i++){
if(provinces[i].nodeType==1){
var cities = provinces[i].childNodes;
for(var j=0;j<cities.length;j++){
if(cities[j].nodeType==1){
var postcode = cities[j].getAttribute("postcode");
if(postcode == spostcode){
xian.length=1;
var areas = cities[j].childNodes;
for(var k=0;k<areas.length;k++){
if(areas[k].nodeType == 1){
var xianopt = document.createElement("option");
xianopt.appendChild(document.createTextNode(areas[k].getAttribute("name")));
xianopt.setAttribute("value",areas[k].getAttribute("postcode"));
xian.appendChild(xianopt);
}
}
break;
}
}
}
}
}
}
}
</script>
//xml
<?xml version="1.0" encoding="UTF-8"?>
<root name="中国">
<province name="北京市" postcode="110000" >
<city name="市辖区" postcode="110100" >
<area name="东城区" postcode="110101" />
<area name="西城区" postcode="110102" />
<area name="崇文区" postcode="110103" />
<area name="宣武区" postcode="110104" />
<area name="朝阳区" postcode="110105" />
<area name="丰台区" postcode="110106" />
<area name="石景山区" postcode="110107" />
<area name="海淀区" postcode="110108" />
<area name="门头沟区" postcode="110109" />
<area name="房山区" postcode="110111" />
<area name="通州区" postcode="110112" />
<area name="顺义区" postcode="110113" />
<area name="昌平区" postcode="110114" />
<area name="大兴区" postcode="110115" />
<area name="怀柔区" postcode="110116" />
<area name="平谷区" postcode="110117" />
</city>
<city name="县" postcode="110200" >
<area name="密云县" postcode="110228" />
<area name="延庆县" postcode="110229" />
</city>
</province>
<province name="天津市" postcode="120000" >
<city name="市辖区" postcode="120100" >
<area name="和平区" postcode="120101" />
<area name="河东区" postcode="120102" />
<area name="河西区" postcode="120103" />
<area name="南开区" postcode="120104" />
<area name="河北区" postcode="120105" />
<area name="红桥区" postcode="120106" />
<area name="塘沽区" postcode="120107" />
<area name="汉沽区" postcode="120108" />
<area name="大港区" postcode="120109" />
<area name="东丽区" postcode="120110" />
<area name="西青区" postcode="120111" />
<area name="津南区" postcode="120112" />
<area name="北辰区" postcode="120113" />
<area name="武清区" postcode="120114" />
<area name="宝坻区" postcode="120115" />
</city>
<city name="县" postcode="120200" >
<area name="宁河县" postcode="120221" />
<area name="静海县" postcode="120223" />
<area name="蓟县" postcode="120225" />
</city>
</province>
.
.
.
.
<province name="新疆维吾尔自治区" postcode="650000" >
<city name="乌鲁木齐市" postcode="650100" >
<area name="天山区" postcode="650102" />
<area name="沙依巴克区" postcode="650103" />
<area name="新市区" postcode="650104" />
<area name="水磨沟区" postcode="650105" />
<area name="头屯河区" postcode="650106" />
<area name="达坂城区" postcode="650107" />
<area name="东山区" postcode="650108" />
<area name="乌鲁木齐县" postcode="650121" />
</city>
<city name="克拉玛依市" postcode="650200" >
<area name="独山子区" postcode="650202" />
<area name="克拉玛依区" postcode="650203" />
<area name="白碱滩区" postcode="650204" />
<area name="乌尔禾区" postcode="650205" />
</city>
<city name="吐鲁番地区" postcode="652100" >
<area name="吐鲁番市" postcode="652101" />
<area name="鄯善县" postcode="652122" />
<area name="托克逊县" postcode="652123" />
</city>
<city name="哈密地区" postcode="652200" >
<area name="哈密市" postcode="652201" />
<area name="巴里坤哈萨克自治县" postcode="652222" />
<area name="伊吾县" postcode="652223" />
</city>
<city name="昌吉回族自治州" postcode="652300" >
<area name="昌吉市" postcode="652301" />
<area name="阜康市" postcode="652302" />
<area name="米泉市" postcode="652303" />
<area name="呼图壁县" postcode="652323" />
<area name="玛纳斯县" postcode="652324" />
<area name="奇台县" postcode="652325" />
<area name="吉木萨尔县" postcode="652327" />
<area name="木垒哈萨克自治县" postcode="652328" />
</city>
<city name="博尔塔拉蒙古自治州" postcode="652700" >
<area name="博乐市" postcode="652701" />
<area name="精河县" postcode="652722" />
<area name="温泉县" postcode="652723" />
</city>
<city name="巴音郭楞蒙古自治州" postcode="652800" >
<area name="库尔勒市" postcode="652801" />
<area name="轮台县" postcode="652822" />
<area name="尉犁县" postcode="652823" />
<area name="若羌县" postcode="652824" />
<area name="且末县" postcode="652825" />
<area name="焉耆回族自治县" postcode="652826" />
<area name="和静县" postcode="652827" />
<area name="和硕县" postcode="652828" />
<area name="博湖县" postcode="652829" />
</city>
<city name="阿克苏地区" postcode="652900" >
<area name="阿克苏市" postcode="652901" />
<area name="温宿县" postcode="652922" />
<area name="库车县" postcode="652923" />
<area name="沙雅县" postcode="652924" />
<area name="新和县" postcode="652925" />
<area name="拜城县" postcode="652926" />
<area name="乌什县" postcode="652927" />
<area name="阿瓦提县" postcode="652928" />
<area name="柯坪县" postcode="652929" />
</city>
<city name="克孜勒苏柯尔克孜自治州" postcode="653000" >
<area name="阿图什市" postcode="653001" />
<area name="阿克陶县" postcode="653022" />
<area name="阿合奇县" postcode="653023" />
<area name="乌恰县" postcode="653024" />
</city>
<city name="喀什地区" postcode="653100" >
<area name="喀什市" postcode="653101" />
<area name="疏附县" postcode="653121" />
<area name="疏勒县" postcode="653122" />
<area name="英吉沙县" postcode="653123" />
<area name="泽普县" postcode="653124" />
<area name="莎车县" postcode="653125" />
<area name="叶城县" postcode="653126" />
<area name="麦盖提县" postcode="653127" />
<area name="岳普湖县" postcode="653128" />
<area name="伽师县" postcode="653129" />
<area name="巴楚县" postcode="653130" />
<area name="塔什库尔干塔吉克自治县" postcode="653131" />
</city>
<city name="和田地区" postcode="653200" >
<area name="和田市" postcode="653201" />
<area name="和田县" postcode="653221" />
<area name="墨玉县" postcode="653222" />
<area name="皮山县" postcode="653223" />
<area name="洛浦县" postcode="653224" />
<area name="策勒县" postcode="653225" />
<area name="于田县" postcode="653226" />
<area name="民丰县" postcode="653227" />
</city>
<city name="伊犁哈萨克自治州" postcode="654000" >
<area name="伊宁市" postcode="654002" />
<area name="奎屯市" postcode="654003" />
<area name="伊宁县" postcode="654021" />
<area name="察布查尔锡伯自治县" postcode="654022" />
<area name="霍城县" postcode="654023" />
<area name="巩留县" postcode="654024" />
<area name="新源县" postcode="654025" />
<area name="昭苏县" postcode="654026" />
<area name="特克斯县" postcode="654027" />
<area name="尼勒克县" postcode="654028" />
</city>
<city name="塔城地区" postcode="654200" >
<area name="塔城市" postcode="654201" />
<area name="乌苏市" postcode="654202" />
<area name="额敏县" postcode="654221" />
<area name="沙湾县" postcode="654223" />
<area name="托里县" postcode="654224" />
<area name="裕民县" postcode="654225" />
<area name="和布克赛尔蒙古自治县" postcode="654226" />
</city>
<city name="阿勒泰地区" postcode="654300" >
<area name="阿勒泰市" postcode="654301" />
<area name="布尔津县" postcode="654321" />
<area name="富蕴县" postcode="654322" />
<area name="福海县" postcode="654323" />
<area name="哈巴河县" postcode="654324" />
<area name="青河县" postcode="654325" />
<area name="吉木乃县" postcode="654326" />
</city>
<city name="省直辖行政单位" postcode="659000" >
<area name="石河子市" postcode="659001" />
<area name="阿拉尔市" postcode="659002" />
<area name="图木舒克市" postcode="659003" />
<area name="五家渠市" postcode="659004" />
</city>
</province>
</root>
<!--EndFragment-->
发表评论
-
Ajax数据库异步查询分页技术实现(数据—>xml—>数据)
2011-03-24 20:00 2729Ajax,想必大家对它并不陌生(读音:e:j^ks,)A ... -
继神曲之后的"忐忑"(多款浏览器兼容xml问题)
2011-03-22 19:56 860当我们充满信心,满怀期待和激情的点下 刷新按键时 , ... -
JS实现数据交换(解决交换多值时残留值的问题)
2011-03-18 18:49 1286在用js写两个下 ... -
Javascript实现复选框(全选反选功能)
2011-03-15 19:41 1112在一个项目开发中我们经常见到页面会有复选框的全选和反选功能,这 ... -
Javascript 实现的考试系统时间倒计
2011-03-15 19:28 1722想必大家都知道当我进入考试系统是再试卷的一侧会显示,一个规定时 ... -
利用ajax检测用户注册时容易忽略的small bug
2011-03-09 23:12 1283当我们想实现一个程序 ... -
log4j在web中的应用
2011-03-09 20:56 834在web项目用中我们可以用log4j记录后台日志,还可以进行b ... -
仿谷歌分页的“兔”中算法(一)
2011-02-24 20:50 769承接上文写一篇薄竟然要我分散份写,有么有搞错,莫非我真的out ... -
仿谷歌的“兔”中分页方法(一)
2011-02-24 20:50 679承接上一篇博客 ... -
仿谷歌分页的“兔”种算法(上)
2011-02-24 20:49 1041首先我们来分析一下谷歌分页的实现,根据是实现来计算出他的算法, ...
相关推荐
安卓Andriod源码——级联菜单,两级菜单自定义实现提供多种方式PopWindow,Fragment引用.zip
安卓Android源码——级联菜单,两级菜单自定义实现提供多种方式PopWindow,Fragment引用.zip
安卓Android源码——级联菜单,两级菜单自定义实现提供多种方式PopWindow,Fragment引用.rar
安卓Android源码——级联菜单,两级菜单自定义实现提供多种方式PopWindow,Fragment引用..zip
Ajax征服——无限级级联菜单 Ajax征服——无限级级联菜单
在具有级联光放大器的密集波分复用...在带色散补偿的密集波分复用级联光纤传输系统中(如80信道,信道间距50 GHz),受激拉曼散射引入的串扰噪声功率可能超过互相位调制.最后,给出了密集波分复用系统分析与设计的若干建议.
jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单jsp实现级联菜单
Execl级联实现 JAVA实现 可以直接运行 IDEA Maven项目
.net下拉菜单的级联实现源码,新手,大家多多指教啊
交换机的基本配置和交换机级联实现PC之间的互通 交换机的基本配置是网络管理员的基础知识,它包括交换机的各种模式、配置命令、接口配置、线路模式等。交换机的级联实现PC之间的互通,则是网络架构中的一种重要应用...
级联 ajax实现方式 通过数据库分表方式 PHP语言实现
使用Jquery实现下拉级联操作。 JSP+Jquery+JAVA+sql2005_sql
实现级联菜单的功能,运行程序,选择编辑查找和替换功能,可以看到下级菜单显示出来
EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf
jQuery+div实现级联省份-城市查询,该实例包含jsp+js+css,所有代码为本人亲自编写,如有疑问请联系本人
可以将本控件包安装要求放入相关的路径下,在QT下配置后,即可在QT中调用opencv组件,完成机器视觉的相关内容,里面也内置了训练机器视觉的.exe文件,可以在命令行中直接调用,来训练属于自己的——级联分类器(模板) ...
RS(255,239)和(2,1,7)卷积码的级联实现代码,在quartus ii 9.0上仿真实现了的。
菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联
jquery 实现级联效果!!!!!jquery 实现级联效果!!!!
Wpf ComboBox 多级正向级联比较容易实现,想实现反向级联还是有一定难度。添加新对象只用到正向级联,而浏览不同的对象就需要用到反向级联。本示例程序为一个简约到极致的企业管理系统,使用EF Code First,Sql ...