>웹 프론트엔드 >JS 튜토리얼 >3단계 연결 선택 example_jquery의 간단하고 실용적인 jquery 버전

3단계 연결 선택 example_jquery의 간단하고 실용적인 jquery 버전

WBOY
WBOY원래의
2016-05-16 17:30:051031검색

html와 js 부분

复代码 代码如下:


<머리>

selectList



<본문>















json文件(area.json),这里只是事例,根据情况添加或编写


复主代码 代码如下:
[
{"p":"江西省",
"c":[
{"ct":"南昌市",
"d":[
{"dt":"西湖区"},
{"dt":"东湖区"},
{"dt":"高新区"}
]},
{"ct":"赣州市",
"d":[
{"dt":"瑞金县"},
{"dt":"南丰县"},
{"dt":"전남县"}
]}
]},
{"p":"北京",
"c":[
{"ct":"东城区"},
{"ct":"西城区"}
]},
{"p":"河北省",
"c" :[
{"ct":"석가족",
"d":[
{"dt":"长安区"},
{"dt":"桥东区"} ,
{"dt":"桥西区"}
]},
{"ct":"唐山市",
"d":[
{"dt":"滦南县"},
{"dt":"乐亭县"},
{"dt":"迁西县"}
]}
]}
]


各位最好自己封装成插件,方便调用
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.