풀다운 메뉴는 프레임을 사용할 때 그 효율이 배가 된다. 프레임의 상단이나 왼편에 풀다운 메뉴를 사용하면 많은 양의 메뉴를 간단하게 하나의 메뉴바로 보여줄 수 있다.



미리보기에 사용된 방법은 다음과 같다.

프레임을 위20% , 아래 70%로 나누고 위에 풀다운메뉴를 삽입하였으며 위에서 선택한 문서가 아래에 나타나도록 하는 방법을 적용한다.

1. 프레임을 구성하는 문서를 작성한다.

<frameset rows="20%,*">
<frame name="top" src="top.html">
<frame name="main" src="main.htm">
</frameset>

2. top.html문서의 예이다.

<HTML>
<HEAD><title>top.html</title>

<SCRIPT LANGUAGE="JavaScript">
function jumpto(form)
{

// 위의 프레임창이름과 일치시킨다.
var myindex=form.dest.selectedIndex
parent.main.location.href=(form.dest.options[myindex].value);
}
</SCRIPT>
</head>

<body>

<FORM NAME="myform">
<SELECT NAME="dest" SIZE=1 onChange="jumpto(this.form)">
<OPTION SELECTED VALUE="script07_m.html">선택합시다
<OPTION VALUE="script01.html">Demo1
<OPTION VALUE="script02.html">DEmo2
</SELECT>
</FORM>

</body>
</HTML>

3. main.html은 자신이 원하는 내용을 적으면 된다.