I am creating a recipe cookbook program. On the main page, I have a top frame (named "nav") and bottom frame (named "recipe_layout"). There is a listbox in the BOTTOM frame containing the recipe names, and a "View Recipe" button in the TOP frame. The user would select a recipe and then click the button to view the recipe in the bottom frame. I believe that I need to insert the code to make this work with the button (?), and I think my problem is that I'm not accessing the bottom frame correctly:

CURRENT CODE FOR LISTBOX IN BOTTOM FRAME

<form name="recipe_form" style="margin-top:30">
<select name="name_dropdown" multiple size="2">
<option selected="selected">Search byName</option>
<option value="applepie.html">Apple Pie</option>

CURRENT CODE FOR BUTTON IN TOP FRAME

<input type="button" value="View Recipe" onclick="parent.recipe_layout.location.href='recipe_form.name_dropdown.options[selectedIndex].value'">

Thank you so much in advance!!