Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/02/2014, 20:18
ruben_chirinos_1985
Invitado
 
Mensajes: n/a
Puntos:
Exclamación Cargar datos en combobox agregados dinamicamente con javascript

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
  1. <html>
  2. <head>
  3. <title>PRUEBA AGREGAR FILAS
  4. </title>
  5. </head>
  6.  
  7. <body>
  8. <form id="form" name="form" action="" method="post" onSubmit="asigna()">
  9. <br>
  10.  
  11. <table border="1" id="tabla" bordercolor="#FFCC33" cellspacing="1">
  12.  
  13. <tr align="center">
  14.   <td colspan="4"><font color="blue" size="1">DETALLE DE FACTURAS </font></td>
  15.   </tr>
  16. <tr align="center">
  17.   <td><font color="blue" size="1">COD</font></td>
  18. <td><font color="blue" size="1">NOMBRE</font></td>
  19. <td><font color="blue" size="1">PRECIO</font></td>
  20. <td><font color="blue" size="1">CANTIDAD</font></td>
  21. </tr>
  22.  
  23. <tr>
  24. <?php
  25. include_once('conexion.php');
  26. conectarse();
  27. $sql=mysql_query("select * from productos") or die (mysql_error());
  28. ?>
  29.   <td><input type="text" size="4" name="code" /></td>
  30. <td><select name="name" id="name" maxlength="10" required="required">
  31.     <option value="">-- ELIJE PRODUCTO --</option>
  32.     <?php
  33.     while ($array=mysql_fetch_array($sql)) {
  34.     ?>
  35. <option value="<?php echo $array['cod_producto']; ?>" ><?php echo $array['producto']; ?></option>            
  36.                       <?php
  37.     }
  38. ############################# FIN DE BUSQUEDA DE PROVEEDORES ######################################
  39. ?>
  40.                 </select></td>
  41. <td><input type="text" size="8" name="precio" id="precio"/></td>
  42. <td><input type="text" size="8" name="cant"/></td>
  43. <input type="hidden" name="var_cont">
  44. </tr>
  45. </table>
  46.  
  47. <input type="button" name="b1" value="Agrega Producto" onClick="addRowX()">
  48. <input type="button" name="b2" value="Elimina Producto" onClick="borrar()">
  49. </form>
  50. </body>
  51. </html>
  52.  
  53.  
  54. <script language='JavaScript'>
  55. var cont=1;
  56. function addRowX()  //Esta la funcion que agrega las filas :
  57. {
  58. cont++;
  59. var indiceFila=1;
  60. myNewRow = document.getElementById('tabla').insertRow(-1);
  61. myNewRow.id=indiceFila;
  62. myNewCell=myNewRow.insertCell(-1);
  63. myNewCell.innerHTML='<td><input type="text" size="4" name="code'+cont+'" /></td>';
  64. myNewCell=myNewRow.insertCell(-1);
  65. 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
  66.     }
  67. ############################# FIN DE BUSQUEDA DE PROVEEDORES ######################################
  68. ?></select>';
  69. myNewCell=myNewRow.insertCell(-1);
  70. myNewCell.innerHTML='<input type="text" size="8" name="precio'+cont+'"/>';
  71. myNewCell=myNewRow.insertCell(-1);
  72. myNewCell.innerHTML='<input type="text" size="8" name="cant'+cont+'"/>';
  73. indiceFila++;
  74. }
  75.  
  76.  
  77. //////////////Borrar() ///////////
  78. function borrar() {
  79. var table = document.getElementById('tabla');
  80. if(table.rows.length > 3)
  81.     {
  82.     table.deleteRow(table.rows.length -1);
  83. cont--;
  84.     }
  85. }
  86.  
  87. ////////////FUNCION ASIGNA VALOR DE CONT PARA EL FOR DE MOSTRAR DATOS MP-MOD-TT////////
  88. function asigna()
  89. {
  90. valor=document.form.var_cont.value=cont;
  91. }
  92. </script>