多級聯(lián)動下拉選擇框,動態(tài)獲取下一級
多級聯(lián)動下拉選擇框,動態(tài)獲取下一級,每一級數(shù)據(jù)為XML,可支持無限級(瀏覽器端需要Microsoft.XMLDOM支持)
項(xiàng)目需要,一個(gè)材料類別表,三級,總共有7000多條記錄,如果一次獲取會很慢的,所以就是用了動態(tài)讀取,每次就讀一級,且服務(wù)器端使用了緩存,效率還不錯。
HTML代碼如下:
<select name="MaterialClass1" ChildSelectName="MaterialClass2"></select>
<select name="MaterialClass2" ChildSelectName="MaterialClass3"></select>
<select name="MaterialClass3"></select>
"www.knowsky.com
其中ChildSelectName表示下一級Select的name
其中的一個(gè)xml如下:
<MaterialClasses>
<MaterialClass MaterialClassCode="01" Description="黑色及有色金屬"/>
<MaterialClass MaterialClassCode="02" Description="水泥、砂石磚瓦、砼"/>
<MaterialClass MaterialClassCode="03" Description="木、竹材及其制品"/>
</MaterialClasses>
完整源代碼下載
相關(guān)文章:
1. IntelliJ IDEA安裝插件的方法步驟2. 解析原生JS getComputedStyle3. SpringBoot+SpringCache實(shí)現(xiàn)兩級緩存(Redis+Caffeine)4. Idea 2019.3 本應(yīng)該搜索到的插件卻搜索不到的解決方法5. 在JSP中使用formatNumber控制要顯示的小數(shù)位數(shù)方法6. ASP.NET MVC視圖頁使用jQuery傳遞異步數(shù)據(jù)的幾種方式詳解7. ASP.NET泛型三之使用協(xié)變和逆變實(shí)現(xiàn)類型轉(zhuǎn)換8. IntelliJ IDEA導(dǎo)入jar包的方法9. 每日六道java新手入門面試題,通往自由的道路10. 每日六道java新手入門面試題,通往自由的道路--多線程
