"center">
"data">
"province">
請選擇省
"city">
請選擇市
首先建立乙個xml檔案
<?xml version="1.0"encoding="utf-8"?>
"河北">
石家莊
">廊坊 保定
邢台 邯鄲
"北京" value="北京">大興
房山 昌平
朝陽 海淀
"河南" value="河南">開封
商丘 駐馬店
平頂山 洛陽
鄭州 "安徽" value="安徽">阜陽
亳州 合肥
在html中解析xml檔案
//解析xml檔案
functionpar***ml(filename)catch(e)catch(ex)
}//關閉非同步載入,這樣確保在文件完全載入之前解析器不會繼續指令碼的執行
//同步是在xml文件解析完成之後再繼續執行
xmldoc.async=false;
xmldoc.load(filename);
returnxmldoc;
varxmldoc = par***ml("citys.xml");
//獲取省的名字 xml
varprovincenodes =xmldoc.getelementsbytagname("province");
//新增省的節點 html
varprovincenode =document.getelementbyid("province");
//新增市的節點
varcitieshtmlnode=document.getelementbyid("city");
for(vari=0;i//建立option html
varoptionnode = document.createelement("option");
varvalue=provincenodes[i].getattribute("name");//獲取省的名稱
optionnode.setattribute("value",value);//把這個省的名字設定為option的value值
//新增到節點中
}//當省發生變化時,選擇對應的市
provincenode.onchange =function()
}//遍歷所有的省 節點物件
for(varj=0;j//判斷節點物件的值等於省節點的值 則獲取該節點下面的所有的city節點物件
if(this.value==provincenodes[j].getattribute("name"))
}
}
}
js jquery的省市聯動問題
js版本 doctype html html head meta charset utf 8 title js版本的省市聯動 title script window.onload function script head body select id city option value gz 廣東省...
html中清除浮動問題
積累,小白也有大神夢 最近在製作自己的 涉及到了前端的一些問題,在這裡記錄一下,方便以後的溫習。在前端的幾種布局中,經常會運用到float浮動,這個問題。但是應用它也會出現一些問題,今天先記錄一下,目前我遇到的一些問題。第乙個問題是我在運用浮動的時候遇到的等級問題。在運用float中,你先寫的元素,...
在vue中實現省市區的下拉聯動
drop table if exists region create table region id bigint 20 unsigned not null auto increment comment 該地區的自增id parent id bigint 20 unsigned null defau...