llenar drop down list javascript

[asdfgh]

Hola

Estoy intentando conseguir añadir elementos a un drop down list en javascript cada vez que la página se carga. Para eso estoy utilizando esta función de prueba:

Código:

 </webuijsf:head>
       <script type="text/javascript">
                        window.onload = function fillDropDown() {
                            var ddl = document.getElementById("dropdown1");
                            var theOption = new Option;
                            var x;
                            var i;

                            for (i=0;i=!5;i++)
                            {
                            x = i + 1;
                            theOption.text = x;
                            theOption.value = x;
                            ddl.item[i] = theOption;    
                            }
                        }
       </script>
 </webuijsf:head>
 <webuijsf:body id="body1" style="-rave-layout: grid">
                    <webuijsf:form id="form1">
                             <h:selectOneMenu id="dropdown1" style="position: absolute; left: 720px; top: 144px"/>
                    </webuijsf:form>
</webuijsf:body>

Pero no hay forma. Ni siquiera me da la opción de elegir "text" o "value" al escribir el punto después de "theOption". ¿Alguna idea de qué estoy haciendo mal?

Gracias.