XML卷之實戰錦囊(4)選單連動(轉)
XML卷之實戰錦囊(4)選單連動(轉)[@more@]
動機:
現在我們做個在IE裡應用XML的一個小例子:解決雙下拉選單的連動問題。大家最常見的可能就是選取省份後改變城市選項的例子了,那我們就來嘗試著用XML來完成吧。
以前介紹的一些功能我是直接用XML+XSL檔案來完成的,大家可能還不是很熟悉它的用法,所以我這次就用HMTL+XML來做,希望能夠讓大家更清楚的瞭解--“XML原來可以如此簡單!”:)
材料:
XML卷之選單連動
有2個檔案:Citys.xml 和 CitySelect.htm
作用:
選擇省份後可以自動顯示相對應的城市,這樣方便使用者,有效的提高資料互動,讓自己的頁面更加絢麗多彩。
程式碼:
Citys.xml
CitySelect.htm
自定義函式:ChooseState (讀取XML資料中的省的名稱,並增加到SelState的下拉選單中) function ChooseState(){
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/10752019/viewspace-950207/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- XML卷之實戰錦囊(1)動態排序(轉)XML排序
- XML卷之實戰錦囊(3)動態分頁(轉)XML
- XML卷之實戰錦囊(2)動態查詢(轉)XML
- XML卷之實戰錦囊(5)結構樹圖(轉)XML
- CSS錦囊(轉)CSS
- 電子表格實戰錦囊:巧用稀疏陣列是關鍵!陣列
- 前端面試錦囊前端面試
- 專案管理的20條錦囊妙計(轉)專案管理
- react-navigation 使用錦囊ReactNavigation
- 攻防論道|四大制勝錦囊 嚴守實戰演練安全之門
- 用C#與XML建立動態分層選單(轉)XML
- DL4J實戰之四:經典卷積例項(GPU版本)卷積GPU
- JavaScript讀取xml實現下拉選單JavaScriptXML
- [action]tensorflow深度學習實戰 (4) 實現簡單卷積神經網路深度學習卷積神經網路
- 卷積網路雖動人,膠囊網路更傳“神”卷積
- XML入門指南(4)XML元素(轉)XML
- 用HTML建立連動下拉選單HTML
- DOM4J 解析 XML 之忽略轉義字元XML字元
- Javascript 呼叫XML製作連動下拉框(轉)JavaScriptXML
- 輕鬆實現SINDOWS 98動態選單 (轉)
- (知識錦囊)解析度概念的形象理解
- 工作小錦囊系列——如何實現一個車輛預定功能(上)
- 實戰PHP資料結構基礎之單連結串列PHP資料結構
- 《刺客信條奧德賽》開放世界關卡製作錦囊:7個流程,4條理念
- AttachXMLForSelect:XML自動關聯多級SELECT選單程式碼和例子 (轉)XML
- Ant實戰篇 (一)(4) (轉)
- Windows拖動選單揭密 (轉)Windows
- 用XML資料島建立上下文選單 (轉)XML
- 程式設計師工作中的三個錦囊程式設計師
- PowerJob 應對龐大任務的錦囊妙計:MapReduce
- 高併發系統設計的15個錦囊
- 《WebAssembly實戰》資源連結清單Web
- TensorFlow實戰卷積神經網路之LeNet卷積神經網路
- Asp.net+Xml+js實現無線級下拉選單ASP.NETXMLJS
- MySQL DBA必備工具使用的6大錦囊妙計MySql
- PHP4新函式集錦 (轉)PHP函式
- XML的JAVA 解析(一)(4) (轉)XMLJava
- BI之SSAS完整實戰教程4 -- 部署至SSAS進行簡單分析