Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/07/2005, 12:09
Avatar de hieloverde
hieloverde
 
Fecha de Ingreso: julio-2005
Ubicación: México, D.F
Mensajes: 467
Antigüedad: 19 años, 6 meses
Puntos: 5
Agregar elementos <select> dinamicamente

Hola,

El problema es que quiero que cuando algun usuario presione un boton se agrege una celda y dentro de esta celda una lista desplegable, la celda la puedo agragar cuando se presiona el boton, pero la lista no la he podido agregar el codigo es este:

Código:
</script>
<SCRIPT LANGUAGE="JavaScript">
function agrega_celda(id){
    var lista = "<select name='opcion'>"
   + "<option>G</option>"
   + "<option>P</option>"
   + "</select>";
    var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    var td1 = document.createElement("TD")
    td1.appendChild (document.createElement(lista))
    row.appendChild(td1);
    tbody.appendChild(row);
  }
</script>
</head>
<body> 
<input type="button" value="Agregar" onlick="agrega_celda('mi_tabla')">
<table id="mi_tabla" cellspacing="0" border="1">
  <tbody>
    <tr>
      <td>Columna</td>
    </tr>
  </tbody>
</table>
</body>
la funcion agrega una fila a la tabla y dentro una lista desplegable, lo unico es que la lista sale sin las opciones o sea en blanco.

A ver si alguien me pudiera ayudar con este codigo o si saben de alguna otra forma de hacer esto.

SALUDOS