CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

간단한 점프메뉴(selecter)

이온디
2009년 01월 20일
상단에 삽입...

<script language="JavaScript" type="text/JavaScript">
<!--
function go()
  {if (document.selecter.select1.options 
   [document.selecter.select1.selectedIndex].value != "none") 
      {location = document.selecter.select1.options 
       [document.selecter.select1.selectedIndex].value 
      } 
   }
//-->
</script>

간단한 설명
select의 option내의 value값이 none 일 경우, 이동하지않습니다.
select의 option내의 value값이 경우, 해당페이지로 이동합니다.
여기서 select의 값은 value 값입니다.

그럼 본문에 출력은...
<form name="selecter">
  <select name="select1" onchange="go()" >
  <option value="http://nzeo.com">엔지오닷컴</option>
  <option value="http://kr.yahoo.com">야후</option>
  <option value="http://www.naver.com">야후</option>
  </select>
</form>

음...onchange 이벤트를 이용해서 이동합니다.
조금만 수정하시면 버튼을 눌러서 이동하게도 할수 있습니다.
예를 들어
버튼 만들고 onclick="go();"만 넣어주시면 되는거조.