省市聯動問題及在html中解析xml檔案

2021-06-16 08:33:08 字數 1775 閱讀 3831

"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...