【卜維丰】三階台灣地址資料庫

首頁文章清單【老卜】【卡羅素‧渥客】

AJAX

ASP

CSS

JavaScript

Windows 應用程式

評論、短文、雜文

版主

最新回應

[manpower]哇...好多小細節...我要認真學習了......
[卜維丰]回 Karen,...
[卜維丰]回 kungwu...
[Karen]老師您好，想請問一下：...
[Unas]想請教如果max要直接抓"今日"呢？@@~...
[kungwu]您好，最近遇到aspupload有關的問題，就是文件在某些中文的子目錄上傳檔案會發生錯誤...
[lun]阿～有讀取到!是放到資料庫裡面...
[lun]不好意思～請問一下...
[james]請問此下拉式選單在擇時,如何改變前方圖片...
[lulu]謝謝......
[john]謝謝......
[amy]謝謝分享哩......
[bobo]謝謝分享......
[antallen]我使用 Google Chrome...
[chunwei]感謝分享，測試OK，正在使用中!!!...
[陳先生]太帥了...
[Chris]我使用 FireFox...
[david]my email: davidtang@seed.net.tw...
[david]解決CSS一定會遇到的111個問題...
[roviury]最簡單就是+'08'...

中文版(簡體)說明

三階台灣地址資料庫

3/27 10'

成品如下：

表單內容為：

<select name="city" onchange="loadTown(this.value);"> <option value="台北市">台北市</option> <option value="台北縣">台北縣</option> : <option value="連江縣">連江縣</option> </select> <select name="town" onchange="loadRoad(this.value);"></select> <select name="road"></select>

這個例子是使用 AJAX 方式取得不同城市的鄉鎮及路名資料，其中使用兩段 Javascript 程式，分別名為 loadTown() 以及 loadRoad()，主要是傳遞城市城稱或鄉鎮名稱後傳回適當值，格式是 XML，如下：

<?xml version="1.0" encoding="utf-8"?> <root> <town>207萬里鄉</town> <town>208金山鄉</town> <town>220板橋市</town> : <town>253石門鄉</town> </root>

剩下就是 Javascript 的設計了，這部份不難，簡單例子如下：

function loadTown(v){ var xmlhttp=createXHR(); //建立xmlhttp自訂函式 var url='MA_loadTown.asp?city='+escape(v); var form=document.member; xmlhttp.open('GET',url,true); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4){ if (xmlhttp.status == 200) { var xml=xmlhttp.responseXML; //getNodeContent 是自訂函式,將xml轉為陣列 var na=getNodeContent(xml); form.town.length=na.length; for (var i=0;i<na.length;i++){ form.town[i].text=na[i][1]; form.town[i].value=na[i][1]; } loadRoad(na[0][1]); } } }; xmlhttp.send(null); } function loadRoad(v){ var xmlhttp=createXHR(); //建立xmlhttp自訂函式 var url='MA_loadRoad.asp?town='+escape(v); var form=document.member; xmlhttp.open('GET',url,true); xmlhttp.onreadystatechange=function(){ if (xmlhttp.readyState==4){ if (xmlhttp.status == 200) { var xml=xmlhttp.responseXML; //getNodeContent 是自訂函式,將xml轉為陣列 var na=getNodeContent(xml); form.road.length=na.length; for (var i=0;i<na.length;i++){ form.road[i].text=na[i][1]; form.road[i].value=na[i][1]; } } } }; xmlhttp.send(null); }

下載 xls 格式、下載 csv 格式

同意轉載，不過麻煩看一下轉載需知

給個回應