Agregar select dinamico

okan · #1 (**permalink**) 25/11/2010, 05:59

Hola tengo el siguiente codigo javascript con el que agrego con un boton input, ahora quisiera que la primer columna(ejemplares) en lugar de input se cree un <select> pero solo lo consigo en la primer fila, las demas aparecen vacias

Código Javascript:

Ver original<script language='JavaScript'>
var cont=1;
function addRowX()  //Esta la funcion que agrega las filas :
{
 
cont++;
var indiceFila=1;
myNewRow = document.getElementById('tabla').insertRow(-1);
myNewRow.id=indiceFila;
 
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<select name="eje[]'+cont+'"/></select>';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<input type="text" name="cant[]'+cont+'"/>';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<input type="text" name="pre[]'+cont+'" />';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<input type="text" name="total[]'+cont+'" />';
indiceFila++;
 
}
 
function borrar() {
var table = document.getElementById('tabla');
if(table.rows.length > 2)
    {
    table.deleteRow(table.rows.length -1);
cont--;
    }
}
 
function asigna()
{
valor=document.form.var_cont.value=cont;
}
</script>

Código PHP:

 
<table> 
    <tr>     
    <th>Ejemplar</th> 
    <th>Cantidad</th> 
    <th>Precio Unit.</th> 
    <th>Total</th> 
    </tr> 
    <tr> 
    <td>             
        <?php           
        $sql1=mysql_query("SELECT NomEjemplar FROM ejemplares"); 
        echo "<select class='element select medium' name='eje[]'>"; 
        while( $row1=mysql_fetch_array($sql1) ) { 
        echo " <option value='$row1[NomEjemplar]'>$row1[NomEjemplar]</option>"; 
        } 
        echo "</select>"; 
        ?> </td> 
    <td><input  type="text" name="cant[]" id="cant" onchange="total();"/></td> 
    <td><input  type="text" name="pre[]" id="pre" onchange="total();"/></td> 
    <td><input  type="text" name="total[]" id="total" /></td> 
    <input type="hidden" name="var_cont"> 
    </tr> 
</table>

sysmadryn · #2 (**permalink**) 25/11/2010, 08:37

Hola Okan

Es muy dificil poder ayudarte con los codigos parciales que pones.
Seria mucho mas facil si pusieras en lugar del codigo PHP y js, el codigo de la pagina que entrega el servidor y mejor si puedes eliminar en esa pagina todo el codigo HTML y js que no participa del problema. Asi seguro obtendras varias ayudas.

Saludos

okan · #3 (**permalink**) 25/11/2010, 10:26

Lo que estoy intentando hacer es generar n cantidad de <select> segun necesidad del usuario. Se como generar input text pero no puedo hacer lo mismo con los <select> ya que solo se carga el primero y los que voy agregando quedan vacios

okan · #4 (**permalink**) 26/11/2010, 06:08

A ver si puedo aclarar algo

Código Javascript:

Ver originalmyNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<select name="eje[]'+cont+'"/></select>';

quiero saber que le falta a este fragmento para que me genere <select> cargados, ya que actualmente solo se carga el primero y los que voy generando aparecen vacios.

sysmadryn · #5 (**permalink**) 26/11/2010, 06:36

Sigues sin poner el codigo de la pagina que genera el PHP y el problema esta alli, no en el script de js.

puedes verificarlo con esto :

Código HTML:

Ver original<html>
<head>
 
<title></title>
<script>
      var cont=1;
      function addRowX()  //Esta la funcion que agrega las filas :
      {
       
      cont++;
      var indiceFila=1;
      myNewRow = document.getElementById('tabla').insertRow(-1);
      myNewRow.id=indiceFila;
       
      myNewCell=myNewRow.insertCell(-1);
      myNewCell.innerHTML='<select name="eje[]'+cont+'"/></select>';
      myNewCell=myNewRow.insertCell(-1);
      myNewCell.innerHTML='<input type="text" name="cant[]'+cont+'"/>';
      myNewCell=myNewRow.insertCell(-1);
      myNewCell.innerHTML='<input type="text" name="pre[]'+cont+'" />';
      myNewCell=myNewRow.insertCell(-1);
      myNewCell.innerHTML='<input type="text" name="total[]'+cont+'" />';
      indiceFila++;
       
      }
       
      function borrar() {
      var table = document.getElementById('tabla');
      if(table.rows.length > 2)
          {
          table.deleteRow(table.rows.length -1);
      cont--;
          }
      }
       
      function asigna()
      {
      valor=document.form.var_cont.value=cont;
      }
 
 
</script>
 
</head>
<body>
<button onclick="addRowX();">crea un renglon</button>
<table id="tabla" border="1px">
</table>
</body>
</html>

okan · #6 (**permalink**) 26/11/2010, 08:09

ok sysmadryn, eso lo hago, pero no se como llenar esos select con la info de la base de datos.

Lo que puse es todo el codigo que tengo

sysmadryn · #7 (**permalink**) 26/11/2010, 08:34

Puedes tener problema con los datos, el string de conexion a la base, etc.
Pasa tu duda al foro de PHP y podran ayudarte mejor.

Saludos