多級(jí)聯(lián)動(dòng)下拉選擇框,動(dòng)態(tài)獲取下一級(jí)
多級(jí)聯(lián)動(dòng)下拉選擇框,動(dòng)態(tài)獲取下一級(jí),每一級(jí)數(shù)據(jù)為XML,可支持無限級(jí)(瀏覽器端需要Microsoft.XMLDOM支持)
項(xiàng)目需要,一個(gè)材料類別表,三級(jí),總共有7000多條記錄,如果一次獲取會(huì)很慢的,所以就是用了動(dòng)態(tài)讀取,每次就讀一級(jí),且服務(wù)器端使用了緩存,效率還不錯(cuò)。
HTML代碼如下:
<select name="MaterialClass1" ChildSelectName="MaterialClass2"></select>
<select name="MaterialClass2" ChildSelectName="MaterialClass3"></select>
<select name="MaterialClass3"></select>
"www.knowsky.com
其中ChildSelectName表示下一級(jí)Select的name
其中的一個(gè)xml如下:
<MaterialClasses>
<MaterialClass MaterialClassCode="01" Description="黑色及有色金屬"/>
<MaterialClass MaterialClassCode="02" Description="水泥、砂石磚瓦、砼"/>
<MaterialClass MaterialClassCode="03" Description="木、竹材及其制品"/>
</MaterialClasses>
完整源代碼下載
相關(guān)文章:
1. Spring Boot和Thymeleaf整合結(jié)合JPA實(shí)現(xiàn)分頁效果(實(shí)例代碼)2. 詳解Android studio 動(dòng)態(tài)fragment的用法3. 什么是python的自省4. 解決Android studio xml界面無法預(yù)覽問題5. Springboot Druid 自定義加密數(shù)據(jù)庫密碼的幾種方案6. Vuex localStorage的具體使用7. php模擬實(shí)現(xiàn)斗地主發(fā)牌8. Vue封裝一個(gè)TodoList的案例與瀏覽器本地緩存的應(yīng)用實(shí)現(xiàn)9. Spring MVC+ajax進(jìn)行信息驗(yàn)證的方法10. vue 使用localstorage實(shí)現(xiàn)面包屑的操作

網(wǎng)公網(wǎng)安備