팁

html에서 select box 변경시 내용 변경


언어 : html4strict
  1. <script>
  2.     function test(no){
  3.         for(i=1; i<=3; i++){
  4.             if(no==i)
  5.                 document.getElementById('div'+i).style.display='block';
  6.             else
  7.                 document.getElementById('div'+i).style.display='none';
  8.         }
  9.     }
  10. </script>
  11. </head>
  12. <body>
  13. <select name="select" onchange='test(this.value)'>
  14. <option value="1">테스트1</option>
  15. <option value="2">테스트2</option>
  16. <option value="3">테스트3</option>
  17. </select>
  18. <div style='display:block' id='div1'>
  19. 테스트1입니다.
  20. </div>
  21. <div style='display:none' id='div2'>
  22. 테스트2입니다.
  23. </div>
  24. <div style='display:none' id='div3'>
  25. 테스트3입니다.
  26. </div>
  27. </body>


테스트1입니다.
top
Tag , ,


Posted at 2007/11/28 14:26 | 팁 | Trackback(0) | Comment(0)
http://www.joon.pe.kr/blog/trackback/246

<< Prev   1   ... 97   98   99   100   101   102   103   104   105   ... 334   Next >>