Creating an option menu.

<form action="#">
	<select>
		<option selected>Choose a destination</option>
		<option value="http://www.site.com/file1.html">Menu One</option>
		<option value="http://www.site.com/file2.html">Menu Two</option>
		<option value="http://www.site.com/file3.html">Menu Three</option>
		<option value="http://www.site.com/file4.html">Menu Four</option>
		<option value="http://www.site.com/file5.html">Menu Five</option>
	</select>

	<input type="button" value="Go" onClick="window.open(this.options[this.selectedIndex].value,'myContent');">
</form>

<script type="text/javascript">
function load() {
    var element = document.getElementById('myDiv');
    var form = document.getElementById('myForm');
    var url = form.mySelect.options[mySelect.selectedIndex].value;
    element.innerHTML = '<p><em>Loading ...</em></p>';
    xmlhttp.open("GET", url);
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            element.innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.send(null);
}
</script>

<form action="#" id="myForm">
	<select id="mySelect">
		<option selected>Choose a destination</option>
		<option value="http://www.site.com/file1.html">Menu One</option>
	</select>
	<input type="button" value="Go" onClick="load();">
</form>
<div id="myDiv">
I'm going to get replaced with the contents of an html file
</div>