JS之省市二級聯動實現

2021-08-21 06:00:30 字數 477 閱讀 2489

步驟:

第一步:確定事件(onchange)並為其繫結乙個函式

第二步:建立乙個二維陣列用於儲存省份和城市

第三步:獲取使用者選擇的省份

第四步:遍歷二維陣列中的省份

第五步:將遍歷的省份與使用者選擇的省份比較

第六步:如果相同,遍歷該省份下所有的城市

第七步:建立城市文字節點

第八步:建立option元素節點

第九步:將城市文字節點新增到option元素節點中去

第十步:獲取第二個下拉列表,並將option元素節點新增進去

第十一步:每次操作前清空第二個下拉列表的option內容。

**:

籍貫--請選擇--

北京湖南

江蘇廣東

效果:

js 省市二級聯動

bootstrap jquery 省市二級聯動 html panel panel default panel body h2 id selectprovince province1 遼寧省 option province2 selected 吉林省 option province3 黑龍江省 opt...

easyui省市二級聯動

easyui省市二級聯動 1 html 所屬區域 2 js 3 php todo 得到省市資訊,根據引數pid是否存在判斷是省還是市 public function getprovincecityaction else else arealist marea getlist where,id,nam...

純JS省市二級聯動Demo

cities new object cities 台灣 new array 台北 台南 其他 cities 馬來西亞 new array malaysia cities 北京 new array 北京 cities 上海 new array 上海 cities 天津 new array 天津 cit...