小編給大家分享一下Javascript調用XML制作連動下拉框的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)自成立以來,一直致力于為企業(yè)提供從網站策劃、網站設計、做網站、網站設計、電子商務、網站推廣、網站優(yōu)化到為企業(yè)提供個性化軟件開發(fā)等基于互聯(lián)網的全面整合營銷服務。公司擁有豐富的網站建設和互聯(lián)網應用系統(tǒng)開發(fā)管理經驗、成熟的應用系統(tǒng)解決方案、優(yōu)秀的網站開發(fā)工程師團隊及專業(yè)的網站設計師團隊。
傳統(tǒng)的HTML頁面中連動下拉框采用了兩種方法:
1)直接將下拉框中的內容hardcode于html的javascript中,調用Javascript函數循環(huán)寫入下拉框中。這種方法不適用于下拉框內容經常改變的情況。因為數據源和javascript程序寫死在同一頁面。
List
2)javascript 直接讀取數據庫,取數據庫中的記錄寫入javascript中,然后和第一種方法一樣,調用javascript函數循環(huán)寫入下拉框中。此方法將數據源與javascript分開,但,公開數據庫的連接,從安全角度說,沒有多少實用價值。
我的方法是將下拉框中的數據放在xml文件中,用javascript讀XML文件,取得下拉框中的內容。
HTML 文件如下:
account.xml 如下:在HTML中調用XML數據
此方法將數據源與javascript程序分開,適合經常變化的數據源。xmlDoc.load中可以直接調用URL參數,讀取遠程XML,實現松耦合。以上應用在IE6.0中通過。不足之處是在去除下拉框列表內容時需要
重復執(zhí)行刪除操作,否則會有明顯的bug.希望有讀者能給指正。
以上是Javascript調用XML制作連動下拉框的方法的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!