como adiciono filas con contenido de componentes en una tabla

[xiaviv]

Hola a todos, un gusto participar en este foro, soy nuevo en esto del diseño web y quisiera me ayuden con este pequeño problema:

Necesito adicionar filas en una tabla con el componente lista/menu y que este tenga los valores 1, 2 y 3.

este es el codigo:

function suma() {
var miTabla = document.getElementById("cuerpoTabla");
var fila = document.createElement("tr");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
celda1.innerHTML = "<input type=checkbox>";
celda2.innerHTML = "<select name='select' id='select'>"; // asi como esta me crea lista/menu en blanco
fila.appendChild(celda1);
fila.appendChild(celda2);
miTabla.appendChild(fila);
}

Con este codigo (celda2.innerHTML = "<select name='select' id='select'>";)solo me crea lista/menu en blanco, como hago para que se cree con las opciones arriba descritas ?

Les agradezco de antemano su ayuda

Muchas Gracias...
XIAVIV

[JavierB]

Hola xiaviv. Bienvenido al foro.

Prueba este código:

Código javascript:

function suma() {
var miTabla = document.getElementById("cuerpoTabla");
var fila = document.createElement("tr");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
celda1.innerHTML = "<input type=checkbox>";
sele=document.createElement('select');
for (i=1; i<4; i++) {
  opt=document.createElement('option');
  opt.value=i;
  opt.innerHTML=i;
  sele.appendChild(opt);
}
celda2.appendChild(sele);
fila.appendChild(celda1);
fila.appendChild(celda2);
miTabla.appendChild(fila);
}
 

Mensaje movido al foro de JavaScript desde Frameworks.

Saludos,