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


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


테스트1입니다.
이올린에 북마크하기(0) 이올린에 추천하기(0)
top


http://www.joon.pe.kr/blog/trackback/246


<< Prev   1   ... 99   100   101   102   103   104   105   106   107   ... 336   Next >>