I'm trying to figure out how to make this code work. I've got it where if you choose an option out of the first drop down it gives you an array loaded into the second one to choose from. I'm trying to figure out a way to where when you choose something out of the second drop down it will execute another javascript and launch a webpage in the iframe.

Thanks for any help

Code:
<html>
<head>
<title>@YFT v1.0a - At Your Fingertips</title>
<HTA:APPLIlobION
ID="GHT"
VERSION="1.0a"
APPLIlobIONNAME="GHT v1.0a"
BORDERSTYLE="sunken" SINGLEINSTANCE="no" SCROLL="no" ICON="logo.ico" INNERBORDER="no" MAXIMIZEBUTTON="no"></HTA:APPLIlobION>

<!-- Style Sheets -->
<LINK REL=stylesheet title="default" TYPE="text/css" HREF="styles/default.css">

<script type="text/javascript">

window.resizeTo(625, 625);
</script>

<script type="text/javascript"> 
function configureDropDownLists(lob,site) { 
var gh = new Array('Black', 'White', 'Blue'); 
var gmd = new Array('Square', 'Circle', 'Triangle'); 
var igh = new Array('John', 'David', 'Sarah'); 

switch (lob.value) { 
case 'gh': 
document.getElementById(site).options.length = 0; 
for (i = 0; i < gh.length; i++) { 
createOption(document.getElementById(site), gh[i], gh[i]); 
} 
break; 
case 'gmd': 
document.getElementById(site).options.length = 0; 
for (i = 0; i < gmd.length; i++) { 
createOption(document.getElementById(site), gmd[i], gmd[i]); 
} 
break; 
case 'igh': 
document.getElementById(site).options.length = 0; 
for (i = 0; i < igh.length; i++) { 
createOption(document.getElementById(site), igh[i], igh[i]); 
} 
break; 
default: 
document.getElementById(site).options.length = 0; 
break; 
} 

} 

function createOption(lob, text, value) { 
var opt = document.createElement('option'); 
opt.value = value; 
opt.text = text; 
lob.options.add(opt); 
} 
</script> 

<script DEFER language="javascript" src="scripts/windowdata.js"></script>
</head>
<body>
<table>
<td>Line:&nbsp&nbsp<select style="width:250px;" id="lob" onchange="configureDropDownLists(this,'site')"> 
<option value="">Select a Line</option> 
<option value="gh">GeekHost</option> 
<option value="gmd">Geek My Droid</option> 
<option value="igh">iGeekHub</option> 
</select>
Site:&nbsp&nbsp<select style="width:250px;" id="site" onchange="changeData(this.options[this.selectedIndex].value)"> 
<option value = " "> <--- Select a Line</option>
</select>
</td></table>
<br />
<iframe scrolling="no" applilobion="yes" id="upperright" name="upperright" src="iframes/welcome.html" allowTransparency="true" style="width:600px;height:535px">

</iframe></td></tr>