mark

<script language="javascript">
var xmlhttp=false;

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {

	try {
      xmlhttp = new XMLHttpRequest();
    } catch (e) {
      xmlhttp = false;
    }

}

function loadDoc(docname) {

	if (xmlhttp) {
	
	xmlhttp.open("GET", docname,true);
	 xmlhttp.onreadystatechange=function() {
	  if (xmlhttp.readyState==4) {
	   document.all.OutputLayer.innerHTML=xmlhttp.responseXml;
	  }
	 }
	 xmlhttp.send(null)

	 }

}
</script>

<body>
<div id="BackgroundLayer" class="backStyle">
  <center>
        <img src="./default.png" width="269" height="250">
  </center>
        <div id="TextLayer" class="textStyle">
                <div align="center"> Search for Recipes:</div>
        </div>
</div>

<div id="InputLayer" class="inputStyle">
  <center>
	<form action="test.php" method="get" name="recipeType">
	 <select name="type" id="recipeName" onChange="loadDoc('test.php')" size="1" border="0">
	  <option value="null" selected> </option>
	  <option value="appetizer" name="appetizer">Appetizers</option>
	  <option value="lunch" name="lunch">Lunches</option>
	  <option value="dinner" name="dinner">Dinners</option>
	  <option value="dessert" name="dessert">Desserts</option>
	 </select>
	</form>
  <center>
</div>

<div id="OutputLayer" class="outputStyle">

</div>