Simple JavaScript Array and Drop Down Box Problem

Im just learning javascript and I want to populate a drop down box with values from an array… using what I’ve read, I’ve pieced this together:


<html>
<head>

<script type="text/javascript">

var arr = new Array()
arr[0]="Cat";
arr[1]="Dog";
arr[2]="Horse";

for (i=0;i<arr.length;i++)
{
document.write(arr*);
document.f1.list.options[document.f1.list.options.length] = new Option(arr*);
}

</script>

</head>
<body>

<form name="f1">
<select name="list">
</select>
</form>

</body>
</html>


But I cant get any result… can anyone tell me where Ive gone wrong?

Cheers.