일상+

selectIndex 본문

컴퓨터공학

selectIndex

이종준 2008. 11. 15. 00:35
selectbox가 두개있고 처음에 선택한 값을 두번째 selectbox에도 선택할 경우...
아래와 같이 하는 방법이 있다.

<SCRIPT language="JavaScript"> <!--
     function fform(kform){
       var vn = document.kform.A.selectedIndex; // A에서 선택한 값 vn에저장
  document.kform.B.selectedIndex = vn; // vn을 B에서 선택
    }
  //--> </SCRIPT>

<BODY>
  왼쪽선택시 오른쪽에 적용하기<BR>
  <FORM name="kform">
    <SELECT name="A" size=1>
    <OPTION value="1">1 </OPTION>
    <OPTION value="2">2</OPTION>
    <OPTION value="3">3</OPTION>
    <OPTION value="4">4</OPTION>
    <OPTION value="5">5</OPTION>
    </SELECT>
<SELECT name="B" size=1>
    <OPTION value="1">1</OPTION>
    <OPTION value="2">2</OPTION>
    <OPTION value="3">3</OPTION>
    <OPTION value="4">4</OPTION>
    <OPTION value="5">5</OPTION>
    </SELECT>
  <INPUT type="button" value="문서 보기" onclick="javascript:fform(this)">
  </FORM>
</BODY>
</HTML>

너무나도 간단한 방법이었는데.. 자스를 잘모르다보니... 꽤나 많은 시간이 걸렸다...
다시는 잊지 않기 위해서... 그리고 나와같은 사람이 있을까봐서 이렇게 정리를한다.


공유하기 링크
'컴퓨터공학' Related Articles more
Comments