在javascript中增加select控件的Option选项?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD><BODY>
<SELECT id="SelectField1"  NAME="SelectField1">
   <OPTION value=1>1</OPTION>
</SELECT>
</BODY>
</HTML>
<script>
for (var i = 1; i < 10; i ++)
{var oOption = document.createElement("OPTION");
SelectField1.options.add(oOption);
oOption.innerText = "Text" + i;
oOption.value = i;
}
</script>