Cargar datos en combobox agregados dinamicamente con javascript

#1 (**permalink**) 28/02/2014, 20:18

hola amigos como estan vengo para que por favor si pueden echarme una mano respecto a este codigo que llevo dias tratando y nada que logro resolverlo, tengo un formulario cargado en un combobox todos los productos registrados de una tabla y en ese formulario agrego filas dinamicamente con javascript, eso funciona excelente pero el problema es que en las filas q agrego dinamicamente no me cargan los datos del select que tengo en el inicial, no e logrado resolver ese problema aqui les dejo para q si puedan echarme la mano se los agradeceria mucho

Código PHP:

Ver original<html>
<head>
<title>PRUEBA AGREGAR FILAS
</title>
</head>
 
<body>
<form id="form" name="form" action="" method="post" onSubmit="asigna()">
<br>
 
<table border="1" id="tabla" bordercolor="#FFCC33" cellspacing="1">
 
<tr align="center">
  <td colspan="4"><font color="blue" size="1">DETALLE DE FACTURAS </font></td>
  </tr>
<tr align="center">
  <td><font color="blue" size="1">COD</font></td>
<td><font color="blue" size="1">NOMBRE</font></td>
<td><font color="blue" size="1">PRECIO</font></td>
<td><font color="blue" size="1">CANTIDAD</font></td>
</tr>
 
<tr> 
<?php 
include_once('conexion.php');
conectarse();
$sql=mysql_query("select * from productos") or die (mysql_error());
?>
  <td><input type="text" size="4" name="code" /></td>
<td><select name="name" id="name" maxlength="10" required="required">
    <option value="">-- ELIJE PRODUCTO --</option>
    <?php 
    while ($array=mysql_fetch_array($sql)) {
    ?>
<option value="<?php echo $array['cod_producto']; ?>" ><?php echo $array['producto']; ?></option>             
                      <?php 
    }
############################# FIN DE BUSQUEDA DE PROVEEDORES ######################################
?>
                </select></td>
<td><input type="text" size="8" name="precio" id="precio"/></td>
<td><input type="text" size="8" name="cant"/></td>
<input type="hidden" name="var_cont">
</tr>
</table>
 
<input type="button" name="b1" value="Agrega Producto" onClick="addRowX()">
<input type="button" name="b2" value="Elimina Producto" onClick="borrar()">
</form>
</body>
</html>
 
 
<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='<td><input type="text" size="4" name="code'+cont+'" /></td>';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<select name="name'+cont+'"/><option value="">-- ELIJE PRODUCTO --</option><?php while ($array=mysql_fetch_array($sql)) { ?><option value="<?php echo $array['cod_producto']; ?>'+cont+'">'<?php echo $array['producto']; ?>'+cont+'"</option><?php 
    }
############################# FIN DE BUSQUEDA DE PROVEEDORES ######################################
?></select>';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<input type="text" size="8" name="precio'+cont+'"/>';
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML='<input type="text" size="8" name="cant'+cont+'"/>';
indiceFila++;
}
 
 
//////////////Borrar() ///////////
function borrar() {
var table = document.getElementById('tabla');
if(table.rows.length > 3)
    {
    table.deleteRow(table.rows.length -1);
cont--;
    }
}
 
////////////FUNCION ASIGNA VALOR DE CONT PARA EL FOR DE MOSTRAR DATOS MP-MOD-TT////////
function asigna()
{
valor=document.form.var_cont.value=cont;
}
</script>

NSD · #2 (**permalink**) 01/03/2014, 11:46

El problema no es de php sino de javascript.

Toda la funcion addRowX puede ser reemplazada por el uso correcto de cloneNode para dupliar una fila.

Pero eso es offTopic en esta seccion del foro