자바스크립트 코드 질문 (드롭다운 메뉴 관련)
글쓴이: astrostars / 작성시간: 목, 2013/06/27 - 1:28오후
일이 있어서 갑자기 자바스크립트에 손을 대게 되었습니다...
프로그래밍이라고는 랩뷰 프로그래밍밖에 모르는데 ㅠㅠ
선택을 하면 다음 선택지가 자동으로 로드되는 드롭다운메뉴를 제작했는데,
한 페이지에 이런 드롭다운 메뉴를 두개를 만드니 제대로 작동을 안합니다 ㅠㅠ
어떻게 해야 정상 작동될지 갑갑합니다...
도움 부탁드립니다 ㅠㅠ
------------------------------------------------------------------------
<body> <p> <table bgcolor=#dadada cellspacing=10 cellpadding=10 width=900 align=center> <tr bgcolor=white> <form name="oForm"> <td width=300 align=center><br><b>메뉴1</b><br><br> <table bgcolor=#dadada cellspacing=1 cellpadding=10 width=100%> <tr bgcolor=white align=center> <td> a </td> <td> <select name="ohc" style="width:100px;" onChange="redirect(this.options.selectedIndex)"> <option value="0">선택하세요</option> <option value="1000">a1</option> <option value="2000">a2</option> <option value="3000">a3</option> </select> </td> <tr bgcolor=white align=center> <td> b</td> <td> <select name="ohr" style="width:100px;"> <option></option> </select> <script type="text/Javascript"> <!-- var groups=document.oForm.ohc.options.length var group=new Array(groups) for (i=0; i<groups; i++) group[i]=new Array() group[0][0]=new Option("","0") group[1][0]=new Option("b1","0") group[1][1]=new Option("b2","1") group[1][2]=new Option("b3","2") group[1][3]=new Option("b4","3") group[2][0]=new Option("b5","0") group[2][1]=new Option("b6","1") group[2][2]=new Option("b7","2") group[2][3]=new Option("b8","3") group[3][0]=new Option("b9","0") group[3][1]=new Option("b10","1") group[3][2]=new Option("b11","2") group[3][3]=new Option("b12","3") var temp=document.oForm.ohr 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 } //--> </script> </td> </table> </td> </form> <form name="mForm"> <td width=300 align=center><br><b>메뉴2</b><br><br> <table bgcolor=#dadada cellspacing=1 cellpadding=10 width=100%> <tr bgcolor=white align=center> <td> a</td> <td> <select name="mhc" style="width:100px;" onChange="redirect(this.options.selectedIndex)"> <option value="0">선택하세요</option> <option value="1000">A1</option> <option value="2000">A2</option> <option value="3000">A3</option> </select> </td> <tr bgcolor=white align=center> <td> b</td> <td> <select name="mhr" style="width:100px;"> <option></option> </select> <script type="text/Javascript"> <!-- var groups=document.mForm.mhc.options.length var group=new Array(groups) for (i=0; i<groups; i++) group[i]=new Array() group[0][0]=new Option("","0") group[1][0]=new Option("B1","0") group[1][1]=new Option("B2","1") group[1][2]=new Option("B3","2") group[1][3]=new Option("B4","3") group[2][0]=new Option("B5","0") group[2][1]=new Option("B6","1") group[2][2]=new Option("B7","2") group[2][3]=new Option("B8","3") group[3][0]=new Option("B9","0") group[3][1]=new Option("B10","1") group[3][2]=new Option("B11","2") group[3][3]=new Option("B12","3") var temp=document.mForm.mhr 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 } //--> </script> </td> </table> </td> </form> </tr> </table> </p>
Forums:
댓글 달기