首頁  >  文章  >  後端開發  >  Javascript 呼叫XML製作連動下拉框程式碼實例詳解

Javascript 呼叫XML製作連動下拉框程式碼實例詳解

黄舟
黄舟原創
2017-03-07 16:29:291204瀏覽

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



List




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


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

HTML 檔案如下:






在HTML中调用XML数据


类型 子类
account.xml 如下: Not Available dangdang1 dangdang2 dangdang3 dangdang4 dangdang5 dangdang6 zhuce_user1 zhuce_user2 tongxun

此方法將資料來源與javascript程式分開,適合經常變更的資料來源。 xmlDoc.load中可以直接呼叫URL參數,讀取遠端XML,實現鬆散耦合。以上應用在IE6.0中通過。缺點是在移除下拉框清單內容時需要
重複執行刪除操作,否則會有明顯的bug.希望有讀者能給指正。

 以上就是Javascript 呼叫XML製作連動下拉框程式碼實例詳解的內容,更多相關內容請關注PHP中文網(www.php.cn)!


#
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn