DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> XML學習教程 >> XML詳解 >> 多級聯動下拉選擇框,動態獲取下一級
多級聯動下拉選擇框,動態獲取下一級
編輯:XML詳解     
多級聯動下拉選擇框,動態獲取下一級,每一級數據為XML,可支持無限級(浏覽器端需要Microsoft.XMLDOM支持)

    項目需要,一個材料類別表,三級,總共有7000多條記錄,如果一次獲取會很慢的,所以就是用了動態讀取,每次就讀一級,且服務器端使用了緩存,效率還不錯。

Html代碼如下:

<select name="MaterialClass1" ChildSelectName="MaterialClass2"></select>
<select name="MaterialClass2" ChildSelectName="MaterialClass3"></select>
<select name="MaterialClass3"></select>
'www.knowsky.com
其中ChildSelectName表示下一級Select的name

其中的一個XML如下:

<MaterialClasses>
<MaterialClass MaterialClassCode="01" Description="黑色及有色金屬"/>
<MaterialClass MaterialClassCode="02" Description="水泥、砂石磚瓦、砼"/>
<MaterialClass MaterialClassCode="03" Description="木、竹材及其制品"/>
</MaterialClasses>

完整源代碼下載

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved