여러 select box 옵션값을 하나의 여분필드로 묶기

여러 select box 옵션값을 하나의 여분필드로 묶기

QA

여러 select box 옵션값을 하나의 여분필드로 묶기

본문

안녕하세요.

 

아래 슈와이 님께서 만들어주신 동적 주소 셀렉트박스를 이용중인데,

https://sir.kr/pg_tip/14858

 

해당 방법으로 글쓰기 시,

3개의 select box 박스 옵션값이 선택되는데

하나의 여분필드 값으로 묶어서 글쓰기하려면 어떻게 해야할까요..?

 


sojaeji('sido', 'gugun', 'dong');

 

고수님들의 조언부탁드립니다.

감사합니다.

이 질문에 댓글 쓰기 :

답변 2

sojaeji() 이 함수의 내용을 봐야 할듯 한데요?

팁 링크만 달랑 있으면 소스를 볼 수가 없습니다.

유찬아빠님, 안녕하세요
함수부분 코드가 길어서 생략했었네요 죄송합니다.

주소부분 코드 빼고 소스 올렸습니다!


function sojaeji(sido, gugun, dong) {
	var 
	addr ={	
	'시도' : ['코드생략']
	};

	this.sido = document.getElementById('sido');
	this.gugun = document.getElementById('gugun');
	this.dong = document.getElementById('dong');
	var parent = this;

	makeOption('시도', this.sido);
	if (sido) this.sido.value = sido;
	if (gugun) { 
		makeOption(sido, this.gugun);
		this.gugun.value = gugun;
	}
	if (dong) { 
		makeOption(sido + '->' + gugun,  this.dong);
		this.dong.value = dong;
	}
	this.sido.onchange = function() { 		
		makeOption(this.value, parent.gugun);		
	};
	this.gugun.onchange = function() {
		makeOption(parent.sido.value + '->' + this.value, parent.dong);
	};
	function makeOption(idx, obj) {  
		var html = '<option value="">' + obj.options[0].text;+ '</option>';
		for (var i = 0; i<addr[idx].length; i++) 
			html += '<option value="'+addr[idx][i]+'">'+addr[idx][i]+'</option>';
		obj.innerHTML =  html;
	}
}

답변을 작성하시기 전에 로그인 해주세요.
전체 766
QA 내용 검색

회원로그인

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