2012-04-03 18 views
9

tengo esto en mi archivo htmjQuery poblar selecta carta de

<select id="SelItem"> 

    </select> 

Dentro de mi archivo javascript tengo una sección para jQuery Tengo el siguiente

 var itemval= '<option value="OT">OT</option>'; 

    $("#SelItem").html(itemval); 

No sería la siguiente poblar mi caída abajo con OT? Es no llena nada en el menú desplegable

+2

[Me parece bien.] (Http://jsfiddle.net/mattball/zGFek/) ¿Está ejecutando el código en DOM listo? –

+1

¿Incluyó 'jQuery' en su página? – ShankarSangoli

Respuesta

14

Es posible que desee considerar el uso de append:

//Creates the item 
var itemval= '<option value="OT">OT</option>'; 

//Appends it within your select element 
$("#SelItem").append(itemval);​ 

Example

actualización

Como js1568 señaló - el problema es más probable derivados desde la página que no se carga cuando se está ejecutando el código JS/jQuery. Debería poder solucionar esto con lo siguiente:

$(document).ready(function() 
{ 
    //Creates the item 
    var itemval= '<option value="OT">OT</option>'; 

    //Appends it within your select element 
    $("#SelItem").append(itemval);​ 
}); 
+3

Si el código en el OP no funciona, ¿qué le hace pensar que este código lo haría? –

+0

@ MДΓΓ - Ofrecí una opción alternativa y un ejemplo de trabajo. Sin embargo, parece que el problema está directamente relacionado con cuándo se llama al JS, al igual que js1568. –

1

Debe esperar hasta que la página se haya cargado antes de ejecutar este código. Intente envolver su código dentro de la función $(document).ready().

Introducing $(document).ready()

0

El problema es cuando el jQuery se llama, no lo que lo haga.

$(document).ready(function() { 
    var itemval= '<option value="OT">OT</option>'; 
    $("#SelItem").html(itemval); 
});