Alternative, abet similar, version ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Sports - Links </title>
<script type="text/javascript"> <!-- src="SportLinks.js" -->
// Following information can be loaded from external file shown above
var Sports = [
['Baseball',["Marlins", 'http://www.baseball_1.com'],
["Yankees", 'http://www.baseball_2.com'],
["White Sox",'http://www.baseball_3.com']
],
['Basketball',
["Heat", 'http://www.basketball_1.com'],
["Knicks",'http://www.basketball_2.com'],
["Lakers",'http://www.basketball_3.com']
],
['Football',["Dolphins",'http://www.football_1.com'],
["Jaguars", 'http://www.football_2.com'],
["Jets", 'http://www.football_.com']
],
['Hockey',["Panthers", 'http://www.football_1.com'],
["Red Wings",'http://www.football_2.com'],
["Rangers", 'http://www.footbal_3.com']
],
['NASCAR',["Gordon", 'http://www.NASCAR_1.com'],
["Ernhart",'http://www.NASCAR_2.com'],
["Martin", 'http://www.NASCAR_3.com']
]
];
</script>
</head>
<body>
<select id="SBoxSports" onchange="showSports(this.value)">
<option value="">Sports</option>
<script type="text/javascript">
var str = '';
for (var i=0; i<Sports.length; i++) {
str += '<option>'+Sports[i][0]+'</option>';
}
document.write(str);
</script>
</select>
<select id="SBoxLinks" onchange="alert(this.value)"></select>
<script type="text/javascript">
// For: http://www.webdeveloper.com/forum/showthread.php?p=1132109#post1132109
// Modified for: http://www.webdeveloper.com/forum/showthread.php?277699-Drop-down-menu&daysprune=30
function showSports(sport) {
var sel = document.getElementById('SBoxLinks');
sel.options.length=0;
sel.options[0]=new Option('[SELECT]','',true,true);
var Items = [];
for (var i=0; i<Sports.length; i++) {
if (Sports[i][0] == sport) {
for (j=1; j<Sports[i].length; j++) { Items.push(Sports[i][j]); }
}
}
for (var x=0; x<Items.length; x++){
sel.options[sel.options.length]=new Option(Items[x][0],Items[x][1],true,true);
}
sel.selectedIndex=0;
}
</script>
</body>
</html>
You will need to change to valid sport lilnks
and replace the alert(this.value) with a function call to go to the URL.
Probably something like window.document.href.location = this.value.