JS를 사용하여 지역 선택 컨트롤에 대한 특수 효과를 만드는 방법은 무엇입니까?
1.
먼저 js 파일areaLocation.js를 작성합니다.
var
provinceArray=
new
Array();
provinceArray=[
{"pname":"장쑤성",
"국가":[
{
"cname":"난징시",
"town":["쉬안우 구","바이샤 구","친화이 구 " ,"Jianye District","Yuhuatai","Jiangning District",
"Liuhe District","Lishui County","Gaochun County"]},
{
"cname":"Nantong City",
"town":["Chongchuan District","Gangzha District","Qidong City","Rugao City","Tongzhou City", "Haimen City","Haian County","Rudong County"]
},
{
"cname":"쑤저우 시 ",
"town":["Jinchang District","Canglang District","Pingjiang District","Huqiu District","Wuzhong District","Zhangjiagang","Kunshan City ","Wujiang City"," 태창시"]
}
]
},
{"pname":" 상하이",
"국가":[
{
"cname":"상하이 시",
"도시": ["쉬후이 구", "푸퉈 구", "양푸구", "홍커우구", "루완구", "푸동구", "황푸구", "창닝구", "자베이구", "징안구", "민항구", "쑹장구"]
}
]
}
];
기능
areaInitialize(){
province.length=1;
for(var
i
=
0;i var pro = provinceArray[i]. pname; province.options[province.length] = new Option(pro, pro); } } 함수 changeCLocation(id,city){ // Alert(id); city.length = 0; if(id>0){ var j=id-1; var i; var 국가 = 새 Array(); 국가 = ProvinceArray[j].country ; city.options[0] = 신규 Option('제한 없음', ''); for (i=0;i < countrys.length; i++){ var cname = 국가[i].cname 도시.옵션[city.length] = new Option(cname, cname); } changeTLocation(id,1,town); }else if(id==0){ city.length. p>= 0; town.length = 0; city.options[ city.length] = new Option('제한 없음',''); town.options[town .length] = new Option('제한 없음',''); } } 함수 changeTLocation(pid,cid,town){ //alert(cid); var 국가 = 새 Array(); var 도시 = 새로 만들기 Array(); town.length = 0; var i; 국가 = ProvinceArray[pid-1] .country; areaId = countrys[cid-1].areaId; towns = 국가[cid-1].town city.options[0] = 신규 Option('제한 없음',''); town.options[0] = new new p> Option('제한 없음',''); for (i=0;i < towns.length; i++){ var tname = 마을[i ] town.options[town.length] = 새 옵션(tname, tname); } town.options[0] = new Option(' 제한 없음','') ; } 2. 다른 HTML 페이지 작성: HTML 공개 "-//W3C//DTD HTML 4.01 전환//EN" >
type="text/javascript" > type="text/javascript"> window.onload=areaInitialize() ; <선택 크기 ="1"> <옵션 값=0 선택됨>--선택하세요-- size="1" > 값 =0 선택됨>--선택하세요-- size= 1> <옵션 값=0 선택됨>--선택하세요--