프론트앤드 이야기/JavaScript & JQuery

[20180618] 시/도 구/군 JSON 데이터

한희성 2018. 6. 18.
반응형

시도구군.txt


 function initSigungu(){

var result = false;
var countSido = Object.keys(sigungu).length;

$('#address1').html('');
for(var i=0; i<countSido; i++){
if(i == 0 ){
$('#address1').append('<option value="">시/도를 선택해주세요</option>');
}
$('#address1').append('<option value="'+sigungu[i].name+'">'+sigungu[i].name+'</option>');

if(i == (countSido - 1)){
$('#address2').append('<option value="">구/군을 선택해주세요</option>');
}
}

}
function setGuGun(){
var value = $('#address1').val();
var countSido = Object.keys(sigungu).length;
var index = 0 ;

$('#address2').html('');
if(value != ''){
for(var i=0; i<countSido; i++){
if(value == sigungu[i].name){
index = i;
}
}
for(var j=0; j < sigungu[index].gugun.length; j++ ){
$('#address2').append('<option value="'+sigungu[index].gugun[j].name+'">'+sigungu[index].gugun[j].name+'</option>');
}
}else{
$('#address2').append('<option value="">구/군을 선택해주세요</option>');
}
}


반응형

댓글

💲 추천 글