<html>
<head>
<title></title>
<script>
<!--
var sloc = "box.html"; // The other page name (its shortened version)
var ploc = location.href;
var aft = '';
if(ploc.indexOf("#")!=-1) {
aft = ploc.substring(ploc.indexOf("#")+1,ploc.length);
}
function sChange() {
var theParent = document.form.parent.value; // Change this if needed
parent.location=sloc+"#"+theParent;
}
// -->
</script>
</head>
<body>
<center>
<form name=form>
<select name=parent onChange='sChange();'>
<option value="A">A
<option value="B">B
<option value="C">C
<option value="D">D
</select>
<select name=child>
<script>
<!--
// Substitute out "A" in the if statement
if(aft=="A") {
document.write('<option value="Dog">Dog'); // Change the option commands to your likeing
document.write('<option value="Cat">Cat');
}
if(aft=="B") {
document.write('<option value="Monkey">Monkey');
document.write('<option value="Elephant">Elephant');
}
if(aft=="C") {
document.write('<option value="Bird">Bird');
document.write('<option value="Rabbit">Rabbit');
}
if(aft=="D") {
document.write('<option value="Snake">Snake');
document.write('<option value="Frog">Frog');
document.write('<option value="Camel">Camel');
}
// -->
</script>
</select>
</form>
</body>
</html>