The following code which I copied out of a javascript book is not working. What am I doing wrong?
[<
%@LANGUAGE="Javascript"%>
<html>
<head>
<title>Load Dropdown</title>
<script language="JavaScript">
<!--
var cities = new array(4);
cities["Australia"] = ["Sydney", "Melbourne", "Canberra", "Perth", "Brisbane"];
cities["France"] = ["Paris", "Lyons", "Nice", "Dijon"];
cities["Japan"] = ["Tokyo", "Kyoto", "Osaka", "Nara"];
cities["New Zealand"] = ["Auckland", "Wellington", "Christchurch", "Dunedin", "Queenstown"];
Function removeOptions (City)
{
For (i=0; i< City.options.length; i++)
City.options[i] = null;
}
funtion addOptions (cities, City)
{
var i=0;
removeOptions (City); //called function to clear out the options
for (i=0; i < cities.length; i++)
City[i] = new option (cities[i], cities[i]); //I DON'T UNDERSTAND WHAT THE SYTAX TO THIS LINE SHOULD BE, I THINK IT'S INCORRECT.
}
-->
</script>
</head>
<body>
<h2>Vacation Chooser</h2>
<form name="testform" id="testform">
Country:
<select name="country" id="country" onChange="addOptions(cities[this.options[this.selectedIndex].text],document.testform.city)">
<option selected>Australia</option>
<option>France</option>
<option>Japan</option>
<option>New Zealand</option>
</select>
City:
<select name="city" id="city">
<option>Sydney</option>
<option>Melborne</option>
<option>Canberra</option>
<option>Perth</option>
<option>Brisbane</option>
</select>
</form>
</body>
</html>]