셀렉트된 값 실행후에도 유지시키는 방법

셀렉트된 값 실행후에도 유지시키는 방법

QA

셀렉트된 값 실행후에도 유지시키는 방법

본문

시군구 셀렉트시 값을 선택후 검색을 하고 나면

셀렉트가 원래대로 돌아가버리는데

셀렉트된 값을 유지하고 싶습니다. 

다만 소스가 참고하는 소스라 쉽지가 않네요.

 

시=wr_2, 군=wr_3, 구=wr_4 이구요.

선택된 값을 유지하기 위해 

스크립트에 //추가-값유지시키기

을 추가했는데 잘 안되서요.

 

도움 요청드립니다.

 

 

search부분


<script src="sojaeji.js"></script>
        <fieldset>
                    <legend>시군구 선택</legend>
                    <select name="wr_2" value='<?=$write[wr_2]?>' id="sido2"></select>
                    <select name="wr_3" value='<?=$write[wr_3]?>' id="gugun2"></select>
                    <select name="wr_4" value='<?=$write[wr_4]?>' id="dong2"></select>
                </fieldset>
                <script type="text/javascript">
                    new sojaeji('sido2', 'gugun2', 'dong2');
//추가-값유지시키기
$('#sido2').val(location.href);
$('#gugun2').val(location.href);
$('#dong2').val(location.href);
                </script>

sojaeji.js 파일


var sojaeji = function(sido, gugun, dong) {
    var obj = this;
    //window.onload = function() {
        obj.sido = document.getElementById(sido);
        obj.gugun = document.getElementById(gugun);
        obj.dong = document.getElementById(dong);
        obj.update_sido();
        obj.sido.onchange = function() {
            obj.update_gugun.apply(obj);
            obj.update_dong.apply(obj);
        }
        obj.gugun.onchange = function() {
            obj.update_dong.apply(obj);
        }
    //}
}
sojaeji.prototype = {
    update_gugun : function() {
        if (this.gugun == null) return;
        var gugun = this[this.sido.value];
        this.gugun.innerHTML = "";
        for(var i=0; i<gugun.length; i++)
            this.gugun.options.add(new Option(gugun[i], gugun[i]));
    },
    update_dong : function() {
        if (this.dong == null) return;
        var dong = this[this.sido.value+"->"+this.gugun.value];
        this.dong.innerHTML = "";
        for(var i=0; i<dong.length; i++)
            this.dong.options.add(new Option(dong[i], dong[i]));
    },
    update_sido : function() {
        if (this.sido == null) return;
        var sido = this['시도'];
        for(var i=0; i<sido.length; i++)
            this.sido.options.add(new Option(sido[i], sido[i]));
        this.update_gugun();
        this.update_dong();
    },
 '시도' : ['서울','부산','대구','인천','광주','대전','울산','강원','경기','경남','경북','전남','전북','제주','충남','충북'],
 '서울' : ['강남구','강동구','강북구','강서구','관악구','광진구','구로구','금천구','노원구','도봉구','동대문구','동작구','마포구','서대문구','서초구','성동구','성북구','송파구','양천구','영등포구','용산구','은평구','종로구','중구','중랑구'],
 '부산' : ['강서구','금정구','남구','동구','동래구','부산진구','북구','사상구','사하구','서구','수영구','연제구','영도구','중구','해운대구','기장군'],
 '대구' : ['남구','달서구','동구','북구','서구','수성구','중구','달성군'],
 '인천' : ['계양구','남구','남동구','동구','부평구','서구','연수구','중구','강화군','옹진군'],
 '광주' : ['광산구','남구','동구','북구','서구'],
 '대전' : ['대덕구','동구','서구','유성구','중구'],
 '울산' : ['남구','동구','북구','중구','울주군'],
 '강원' : ['강릉시','동해시','삼척시','속초시','원주시','춘천시','태백시','고성군','양구군','양양군','영월군','인제군','정선군','철원군','평창군','홍천군','화천군','횡성군'],
 '경기' : ['고양시 덕양구','고양시 일산동구','고양시 일산서구','과천시','광명시','광주시','구리시','군포시','김포시','남양주시','동두천시','부천시 소사구','부천시 오정구','부천시 원미구','성남시 분당구','성남시 수정구','성남시 중원구','수원시 권선구','수원시 영통구','수원시 장안구','수원시 팔달구','시흥시','안산시 단원구','안산시 상록구','안성시','안양시 동안구','안양시 만안구','양주시','오산시','용인시 기흥구','용인시 수지구','용인시 처인구','의왕시','의정부시','이천시','파주시','평택시','포천시','하남시','화성시','가평군','양평군','여주군','연천군'],
 '경남' : ['거제시','김해시','마산시','밀양시','사천시','양산시','진주시','진해시','창원시','통영시','거창군','고성군','남해군','산청군','의령군','창녕군','하동군','함안군','함양군','합천군'],
 '경북' : ['경산시','경주시','구미시','김천시','문경시','상주시','안동시','영주시','영천시','포항시 남구','포항시 북구','고령군','군위군','봉화군','성주군','영덕군','영양군','예천군','울릉군','울진군','의성군','청도군','청송군','칠곡군'],
 '전남' : ['광양시','나주시','목포시','순천시','여수시','강진군','고흥군','곡성군','구례군','담양군','무안군','보성군','신안군','영광군','영암군','완도군','장성군','장흥군','진도군','함평군','해남군','화순군'],
 '전북' : ['군산시','김제시','남원시','익산시','전주시 덕진구','전주시 완산구','정읍시','고창군','무주군','부안군','순창군','완주군','임실군','장수군','진안군'],
 '제주' : ['제주시','서귀포시'],
 '충남' : ['계룡시','공주시','논산시','보령시','서산시','아산시','천안시 동남구','천안시 서북구','금산군','당진군','부여군','서천군','연기군','예산군','청양군','태안군','홍성군'],
 '충북' : ['제천시','청주시 상당구','청주시 흥덕구','충주시','괴산군','단양군','보은군','영동군','옥천군','음성군','증평군','진천군','청원군'],
     '서울->강남구' : ['개포1동','개포2동','개포4동','개포동','논현1동','논현2동','논현동','대치1동','대치2동','대치4동','대치동','도곡1동','도곡2동','도곡동','삼성1동','삼성2동','삼성동','세곡동','수서동','신사동','압구정동','역삼1동','역삼2동','역삼동','율현동','일원1동','일원2동','일원본동','일원동','자곡동','청담동','무역센터우체국사서함','서울강남우체국사서함','서울영동우체국사서함'],
 '서울->강동구' : ['강일동','고덕1동','고덕2동','고덕동','길동','둔촌1동','둔촌2동','둔촌동','명일1동','명일2동','명일동','상일동','성내1동','성내2동','
.
.
.

 .
.
.

이 질문에 댓글 쓰기 :

답변 3

아래 글 참고해 작업해 보세요.

https://sir.kr/qa/274085

일단 Select tag의 사용법부터 틀렸습니다.

아래 URL 3개를 보시면 이해가 되실거에요.

https://www.w3schools.com/tags/tag_select.asp

https://www.w3schools.com/jsref/dom_obj_select.asp

https://www.w3schools.com/jquery/jquery_selectors.asp

답변을 작성하시기 전에 로그인 해주세요.
전체 0 | RSS
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT