Javascript 呼叫XML製作連動下拉框(轉)

amyz發表於2007-08-12
Javascript 呼叫XML製作連動下拉框(轉)[@more@]

  傳統的HTML頁面中連動下拉框採用了兩種方法:1)直接將下拉框中的內容hardcode於html的javascript中,呼叫javascript函式迴圈寫入下拉框中。這種方法不適用於下拉框內容經常改變的情況。因為資料來源和javascript程式寫死在同一頁面。 

List

  2)javascript 直接讀取資料庫,取資料庫中的記錄寫入javascript中,然後和第一種方法一樣,呼叫javascript函式迴圈寫入下拉框中。此方法將資料來源與javascript分開,但,公開資料庫的連線,從安全形度說,沒有多少實用價值。

  我的方法是將下拉框中的資料放在XML檔案中,用javascript讀XML檔案,取得下拉框中的內容。

  HTML 檔案如下:<!-- myfile.html --&gt

  

  

  

在HTML中呼叫XML資料
型別子類

  account.xml 如下:

  Not Availabledangdang1dangdang2dangdang3dangdang4dangdang5dangdang6zhuce_user1zhuce_user2tongxun

  此方法將資料來源與javascript程式分開,適合經常變化的資料來源。xmlDoc.load中可以直接呼叫URL引數,讀取遠端XML,實現松耦合。以上應用在IE6.0中透過。不足之處是在去除下拉框列表內容時需要重複執行刪除操作,否則會有明顯的bug.希望有讀者能給指正。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752019/viewspace-950332/,如需轉載,請註明出處,否則將追究法律責任。

相關文章