여러 select box 옵션값을 하나의 여분필드로 묶기 채택완료
초얌
3년 전
조회 9,413
안녕하세요.
아래 슈와이 님께서 만들어주신 동적 주소 셀렉트박스를 이용중인데,
해당 방법으로 글쓰기 시,
3개의 select box 박스 옵션값이 선택되는데
하나의 여분필드 값으로 묶어서 글쓰기하려면 어떻게 해야할까요..?
</p>
<p>sojaeji('sido', 'gugun', 'dong');</p>
<p>
고수님들의 조언부탁드립니다.
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
3년 전
추가 피해자 방지 https://sir.kr/conflictconsultation/245" rel="nofollow noreferrer noopener" target="_blank">https://sir.kr/conflictconsultation/245
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
함수부분 코드가 길어서 생략했었네요 죄송합니다.
주소부분 코드 빼고 소스 올렸습니다!
[code]
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;
}
}
[/code]