개발 Q&A

제목 JQeury 제이쿼리 고수님들 도와주세요ㅠㅠ 난이도(하)
글쓴이 루비콘 작성시각 2016/01/22 18:49:46
댓글 : 2 추천 : 0 스크랩 : 0 조회수 : 12567   RSS

날씨가 추운데 모두 건강은 괜찮으신지요? 

다름이 아니라 질문이 있어 이렇게 글올립니다. 

 

게시글 등록 부분에서는 보여드린 사진처럼 시/도 구/군을 선택하여 글을 저장하면 DB에 자동으로 저장이 됩니다. 

 

DB 에도 정상적으로 잘 저장도 되고 시/도를 선택하면 자동으로 해당 구/군 까지도 잘 노출이 됩니다.

 

 

 하지만 문제는 사용자가 해당 게시글을 수정할때 입니다. 

 

사용자가 자신의 게시글을 수정하려고 들어가면 사용자가 전에 입력했던 셀렉트 박스가 사용자에게 노출이 되어야 하는데 그렇질 못하고 있네요 

 

제가 짜본 소스는 

var aaa = "";

//	if(aaa != "") 
//	{ 
//	alert('123'); 
//	$("#sido1 option").each(function(){ 
//	if($(this).val() == aaa) 
//	{ 
//	$(this).attr("selected", true); 
//	} 
//	}); 
//	} 

 

이런식의 소스입니다 ㅠㅠㅠ제생각엔 


    var aaa = "<?=$list['etcOption']['sido1']?>";
    var bbb = "<?=$list['etcOption']['gugun1']?>";  
$('document').ready(function() {
    //지역 배열에 추가
    var area0 = ["시/도 선택","서울특별시","인천광역시","대전광역시","광주광역시","대구광역시","울산광역시","부산광역시","경기도","강원도","충청북도","충청남도","전라북도","전라남도","경상북도","경상남도","제주도"];
     
    var area1 = ["강남구","강동구","강북구","강서구","관악구","광진구","구로구","금천구","노원구","도봉구","동대문구","동작구","마포구","서대문구","서초구","성동구","성북구","송파구","양천구","영등포구","용산구","은평구","종로구","중구","중랑구"];
     
    var area2 = ["계양구","남구","남동구","동구","부평구","서구","연수구","중구","강화군","옹진군"];
     
    var area3 = ["대덕구","동구","서구","유성구","중구"];
     
    var area4 = ["광산구","남구","동구",    "북구","서구"];
     
    var area5 = ["남구","달서구","동구","북구","서구","수성구","중구","달성군"];
     
    var area6 = ["남구","동구","북구","중구","울주군"];
     
    var area7 = ["강서구","금정구","남구","동구","동래구","부산진구","북구","사상구","사하구","서구","수영구","연제구","영도구","중구","해운대구","기장군"];
     
    var area8 = ["고양시","과천시","광명시","광주시","구리시","군포시","김포시","남양주시","동두천시","부천시","성남시","수원시","시흥시","안산시","안성시","안양시","양주시","오산시","용인시","의왕시","의정부시","이천시","파주시","평택시","포천시","하남시","화성시","가평군","양평군","여주군","연천군"];
     
    var area9 = ["강릉시","동해시","삼척시","속초시","원주시","춘천시","태백시","고성군","양구군","양양군","영월군","인제군","정선군","철원군","평창군","홍천군","화천군","횡성군"];
     
    var area10 = ["제천시","청주시","충주시","괴산군","단양군","보은군","영동군","옥천군","음성군","증평군","진천군","청원군"];
     
    var area11 = ["계룡시","공주시","논산시","보령시","서산시","아산시","천안시","금산군","당진군","부여군","서천군","연기군","예산군","청양군","태안군","홍성군"];
     
    var area12 = ["군산시","김제시","남원시","익산시","전주시","정읍시","고창군","무주군","부안군","순창군","완주군","임실군","장수군","진안군"];
     
    var area13 = ["광양시","나주시","목포시","순천시","여수시","강진군","고흥군","곡성군","구례군","담양군","무안군","보성군","신안군","영광군","영암군","완도군","장성군","장흥군","진도군","함평군","해남군","화순군"];
     
    var area14 = ["경산시","경주시","구미시","김천시","문경시","상주시","안동시","영주시","영천시","포항시","고령군","군위군","봉화군","성주군","영덕군","영양군","예천군","울릉군","울진군","의성군","청도군","청송군","칠곡군"];
     
    var area15 = ["거제시","김해시","마산시","밀양시","사천시","양산시","진주시","진해시","창원시","통영시","거창군","고성군","남해군","산청군","의령군","창녕군","하동군","함안군","함양군","합천군"];
     
    var area16 = ["서귀포시","제주시","남제주군","북제주군"];
    //지역선택 JQuery 시작
 
    $.each(area0,function(){
      $("#sido1").append("<option value='"+this+"'>"+this+"</option>");
      });
       
      $("#gugun1").append("<option value=''>구/군 선택</option>");
      $("#sido1").change(function(){
        var idx = $('option:selected',$(this)).index();
        $("option",$("#gugun1")).remove();
          if(idx==0){
            $("#gugun1").append("<option value=''>구/군 선택</option>");
          }else{
            $.each(eval("area"+idx),function(){
            $("#gugun1").append("<option value='"+this+"'>"+this+"</option>");
          });
        }
      });

 

 

이쪽에 셀렉트 박스를 자동으로 생성해주는 즉  $.each(area0,function(){

이부분에서 셀렉트 박스를 자동으로 계속 생성 과 초기화를 해주니까 그런것 같기는 한데 해결방법을 모르겠네요 ㅠㅠㅠ불금에 퇴근도 못하고 이러고 있습니다 ㅠㅠ도와주세요 ㅠㅠ

 다음글 모바일 웹 홈 화면에 추가를 script로 구현 할 수... (2)
 이전글 php class vs function 속도 ? (2)

댓글

kaido / 2016/01/22 21:53:44 / 추천 0
$.each(area0,function(){

if(this == "인천광역시"){
    $("#sido1").append("<option value='"+this+"' selected=selected>"+this+"</option>");
}else{ 
    $("#sido1").append("<option value='"+this+"'>"+this+"</option>");
}

});

 

kaido / 2016/01/22 22:06:43 / 추천 0

셀렉트 박스를 ajax 써서 가져오는 것도 아니라면 굳이 스크립트로 초기 값을 완성  시킬 필요가 있을까요?

 

php로 하심 훨씬 간단 합니다.

 

심지어 CI 에서 셀렉트 박스 함수도 지원 합니다.