묻고답하기
트리플 콤보 질문입니다.
2004.06.24 10:16
트리플 콤보구요. 제가 직접 프로그래밍 할 능력이 안되서 더블콤보소스와 콤보박스에서 메세지를 보여주는
소스를 응용해서 코딩을 해보려니 잘 안되네요.
지역 > 구분 > 상호 까지는 잘 되는데... 상호를 클릭하면 상호에 대한 정보가 Textarea에
안 뿌려집니다.
소스 좀 봐 주세요....
===================================================================================================
<HTML>
<HEAD>
<TITLE> Sample Script </TITLE>
</HEAD>
<BODY>
<!------ 아래의 방식으로 스크립트나 HTML 태그를 붙여 넣으세요 ------------------->
<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---지역---</option>
<option>서울</option>
<option>경기도</option>
<option>강원도</option>
<option>충청도</option>
<option>경상도</option>
<option>전라도</option>
<option>제주도</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected>---구분---</option>
</select>
<select name="stage3" size="1" onChange="onChange="display(this)">
<option value=" " selected>---회사명---</option>
</select>
<script>
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("---구분---"," ");
group[1][0]=new Option("항목을 선택하세요");
group[1][1]=new Option("지사");
group[1][2]=new Option("총판");
group[1][3]=new Option("도매");
group[2][0]=new Option("항목을 선택하세요");
group[2][1]=new Option("지사");
group[2][2]=new Option("총판");
group[2][3]=new Option("도매");
group[3][0]=new Option("항목을 선택하세요");
group[3][1]=new Option("지사");
group[3][2]=new Option("총판");
group[3][3]=new Option("도매");
group[4][0]=new Option("항목을 선택하세요");
group[4][1]=new Option("지사");
group[4][2]=new Option("총판");
group[4][3]=new Option("도매");
group[5][0]=new Option("항목을 선택하세요");
group[5][1]=new Option("지사");
group[5][2]=new Option("총판");
group[5][3]=new Option("도매");
group[6][0]=new Option("항목을 선택하세요");
group[6][1]=new Option("지사");
group[6][2]=new Option("총판");
group[6][3]=new Option("도매");
group[7][0]=new Option("항목을 선택하세요");
group[7][1]=new Option("지사");
group[7][2]=new Option("총판");
group[7][3]=new Option("도매");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("---회사명---");
secondGroup[1][0][0]=new Option("---회사명---");
secondGroup[1][1][0]=new Option("상호를 선택하세요");
secondGroup[1][1][1]=new Option("강남영업소");
secondGroup[1][1][2]=new Option("강북영업소");
secondGroup[1][1][3]=new Option("강서영업소");
secondGroup[1][1][4]=new Option("중부영업소");
secondGroup[1][1][5]=new Option("서부영업소");
secondGroup[1][2][0]=new Option("총판을 선택 하세요"," ");
secondGroup[1][2][1]=new Option("야후! 코리아","http://www.yahoo.co.kr");
secondGroup[1][2][2]=new Option("라이코스 코리아","http://www.lycos.co.kr");
secondGroup[1][2][3]=new Option("네이버","http://www.naver.com/");
secondGroup[1][3][0]=new Option("도매를 선택 하세요"," ");
secondGroup[1][3][1]=new Option("MP3 검색","http://www.mp3.com");
secondGroup[1][3][2]=new Option("크랙/시리얼","http://www.astalavista.com/");
secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("항목을 선택 하세요"," ");
secondGroup[2][1][1]=new Option("한겨레신문","http://www.hani.com");
secondGroup[2][1][2]=new Option("조선일보","http://www.chosun.com");
secondGroup[2][1][3]=new Option("동아일보","http://www.dongailbo.com");
secondGroup[2][2][0]=new Option("항목을 선택 하세요"," ");
secondGroup[2][2][1]=new Option("엠비씨","http://www.imbc.com");
secondGroup[2][2][2]=new Option("케이비에쓰","http://www.kbs.com");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
if (document.isc.stage3.secondGroup[1][1][1].selected) {
document.isc.stage3.explain_text.value="강남영업소에 대한 설명"
}
if (document.isc.stage3.secondGroup[1][1][2].selected) {
document.isc.stage3.explain_text.value="강북영업소에 대한 설명"
}
//설명을 textarea로 반환한다.
}
//-->
</script>
</td>
</tr>
</table>
<TEXTAREA NAME="explain_text" ROWS="6" COLS="40"></TEXTAREA>
</FORM>
</BODY>
</HTML>
소스를 응용해서 코딩을 해보려니 잘 안되네요.
지역 > 구분 > 상호 까지는 잘 되는데... 상호를 클릭하면 상호에 대한 정보가 Textarea에
안 뿌려집니다.
소스 좀 봐 주세요....
===================================================================================================
<HTML>
<HEAD>
<TITLE> Sample Script </TITLE>
</HEAD>
<BODY>
<!------ 아래의 방식으로 스크립트나 HTML 태그를 붙여 넣으세요 ------------------->
<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---지역---</option>
<option>서울</option>
<option>경기도</option>
<option>강원도</option>
<option>충청도</option>
<option>경상도</option>
<option>전라도</option>
<option>제주도</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected>---구분---</option>
</select>
<select name="stage3" size="1" onChange="onChange="display(this)">
<option value=" " selected>---회사명---</option>
</select>
<script>
<!--
var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("---구분---"," ");
group[1][0]=new Option("항목을 선택하세요");
group[1][1]=new Option("지사");
group[1][2]=new Option("총판");
group[1][3]=new Option("도매");
group[2][0]=new Option("항목을 선택하세요");
group[2][1]=new Option("지사");
group[2][2]=new Option("총판");
group[2][3]=new Option("도매");
group[3][0]=new Option("항목을 선택하세요");
group[3][1]=new Option("지사");
group[3][2]=new Option("총판");
group[3][3]=new Option("도매");
group[4][0]=new Option("항목을 선택하세요");
group[4][1]=new Option("지사");
group[4][2]=new Option("총판");
group[4][3]=new Option("도매");
group[5][0]=new Option("항목을 선택하세요");
group[5][1]=new Option("지사");
group[5][2]=new Option("총판");
group[5][3]=new Option("도매");
group[6][0]=new Option("항목을 선택하세요");
group[6][1]=new Option("지사");
group[6][2]=new Option("총판");
group[6][3]=new Option("도매");
group[7][0]=new Option("항목을 선택하세요");
group[7][1]=new Option("지사");
group[7][2]=new Option("총판");
group[7][3]=new Option("도매");
var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}
var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++) {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++) {
secondGroup[i][j]=new Array() }}
secondGroup[0][0][0]=new Option("---회사명---");
secondGroup[1][0][0]=new Option("---회사명---");
secondGroup[1][1][0]=new Option("상호를 선택하세요");
secondGroup[1][1][1]=new Option("강남영업소");
secondGroup[1][1][2]=new Option("강북영업소");
secondGroup[1][1][3]=new Option("강서영업소");
secondGroup[1][1][4]=new Option("중부영업소");
secondGroup[1][1][5]=new Option("서부영업소");
secondGroup[1][2][0]=new Option("총판을 선택 하세요"," ");
secondGroup[1][2][1]=new Option("야후! 코리아","http://www.yahoo.co.kr");
secondGroup[1][2][2]=new Option("라이코스 코리아","http://www.lycos.co.kr");
secondGroup[1][2][3]=new Option("네이버","http://www.naver.com/");
secondGroup[1][3][0]=new Option("도매를 선택 하세요"," ");
secondGroup[1][3][1]=new Option("MP3 검색","http://www.mp3.com");
secondGroup[1][3][2]=new Option("크랙/시리얼","http://www.astalavista.com/");
secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("항목을 선택 하세요"," ");
secondGroup[2][1][1]=new Option("한겨레신문","http://www.hani.com");
secondGroup[2][1][2]=new Option("조선일보","http://www.chosun.com");
secondGroup[2][1][3]=new Option("동아일보","http://www.dongailbo.com");
secondGroup[2][2][0]=new Option("항목을 선택 하세요"," ");
secondGroup[2][2][1]=new Option("엠비씨","http://www.imbc.com");
secondGroup[2][2][2]=new Option("케이비에쓰","http://www.kbs.com");
var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}
function redirect2(z){
if (document.isc.stage3.secondGroup[1][1][1].selected) {
document.isc.stage3.explain_text.value="강남영업소에 대한 설명"
}
if (document.isc.stage3.secondGroup[1][1][2].selected) {
document.isc.stage3.explain_text.value="강북영업소에 대한 설명"
}
//설명을 textarea로 반환한다.
}
//-->
</script>
</td>
</tr>
</table>
<TEXTAREA NAME="explain_text" ROWS="6" COLS="40"></TEXTAREA>
</FORM>
</BODY>
</HTML>