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

要用到动态更新SELECT中的OPTION，在网上找了一下，可以用如下JS代码：

< HTML >
< HEAD >
< 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 >
</ HEAD >

< BODY >    
   < SELECT    id ="SelectField1"      NAME ="SelectField1" >    
         < OPTION    value =1 > 1 </ OPTION >    
   </ SELECT >    
  </ BODY >    
  </ HTML >