select en form dinamico

pabloccontreras · #1 (**permalink**) 08/08/2011, 12:01

Hola!
hola tengo el siguiente codigo que me genera campos dinamicos para un proyecto que estoy realizando:

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Pagina Principal del Ejemplo CCTW</title>
    <script src="../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script type="text/javascript">
var posicionCampo=1;

function agregarUsuario(){

nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1);

nuevaFila.id=posicionCampo;

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML='<input type="text" size="15" name="insumo['+posicionCampo+']" >';

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML='<input type="text" size="15" name="presentacion['+posicionCampo+']" >';

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML='<input type="text" size="10" name="cantidad['+posicionCampo+']" >';

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML='<select name="codigocurso['+posicionCampo+']"></select>';

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML='<input type="text" size="8" name="precio['+posicionCampo+']" >';

nuevaCelda=nuevaFila.insertCell(-1);

nuevaCelda.innerHTML='<input type="button" class="td" value="Eliminar" onclick="eliminarUsuario(this)">';

posicionCampo++;

}

function eliminarUsuario(obj){

var oTr = obj;

while(oTr.nodeName.toLowerCase()!='tr'){

oTr=oTr.parentNode;

}

var root = oTr.parentNode;

root.removeChild(oTr);

};
    </script>
    <link rel="stylesheet" href="../../css/ordenpedido.css" type="text/css" media="all">
  </head>
  <body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="file:///E|/INVENTARIO/index.html"><img src="../../imagenes/logo.png" width="798px" height="150px"alt="Haz clic aquí para volver a la página de inicio">
</a></div>
</div>
<div id="navegacion">
<ul id="MenuBar1" class="MenuBarHorizontal">
  <li><a class="MenuBarItemSubmenu" href="#">Programaci&oacute;n</a>
      <ul>
        <li><a href="programacionibm.html" >Inform&aacute;tica Biom&eacute;dica</a></li>
        <li><a href="prograenfermeria.html">T&eacute;cnico en Enfermeria</a></li>
        <li><a href="prograbancosangre.html">T&eacute;cnico enLaboratorio y banco de sangre</a></li>
        <li><a href="prograradio.html">T&eacute;cnico en Radiodiagn&oacute;stico</a></li>
      </ul>
  </li>
  <li><a href="#" class="MenuBarItemSubmenu">Orden de pedido</a>
    <ul>
      <li><a href="../Orden de pedido/pedidoibm.html">Inform&aacute;tica Biom&eacute;dica</a></li>
      <li><a href="../Orden de pedido/pedidoenf.html">T&eacute;cnico en Enfermer&iacute;a</a></li>
      <li><a href="../Orden de pedido/pedidosangre.html">T&eacute;cnico en laboratorio y banco de sangre</a></li>
      <li><a href="../Orden de pedido/pedidoradio.html">T&eacute;cnico en radiodiagn&oacute;stico</a></li>
    </ul>
  </li>
  <li><a href="#" class="MenuBarItemSubmenu">Control de insumos</a>
    <ul>
      <li><a href="#" class="MenuBarItemSubmenu">Entrada</a>
        <ul>
          <li><a href="../Control de insumos/entradaactiv.html">Insumos</a></li>
          <li><a href="../Control de insumos/entradaactiv.html">Activos fijos</a></li>
        </ul>
        </li>
      <li><a href="#" class="MenuBarItemSubmenu">Salida</a>
        <ul>
          <li><a href="../Control de insumos/salidainsum.html">Insumos</a></li>
          <li><a href="../Control de insumos/salidaactiv.html">Activos fijos</a></li>
        </ul>
        </li>
    </ul>
    </li>
  <li><a href="#" class="MenuBarItemSubmenu">Inventario</a>
    <ul>
      <li><a href="../Inventario/inventinsum.html">Insumos</a></li>
      <li><a href="../Inventario/inventactiv.html">Activos fijos</a></li>
    </ul>
  </li>
  <li><a href="#" class="MenuBarItemSubmenu">Informes y m&aacute;s</a>
    <ul>
      <li><a href="../Informesymas/Serviciotecnico.html">Servicio t&eacute;cnico</a></li>
      <li><a href="../Informesymas/vencinsum-princ.html">Informe de vencimiento de insumos</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Administraci&oacute;n de usuarios</a>
        <ul>
          <li><a href="../Informesymas/ingreso_nuevo_usuario.php">Creaci&oacute;n de usuarios</a></li>
          <li><a href="../Informesymas/modifica_usuario.php">Eliminaci&oacute;n/modificaci&oacute;n de usuarios</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</div>
<div id="contenido">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<fieldset align="center" class="cuadro">
<legend align="center"class="leyenda">Orden de pedido Técnico en Enfermería</legend>
<p>&nbsp;</p>
<form method="post" action="../../comprobar.php">
<table width="696px" id="tablaUsuarios">

<tr>

<td width="129" align="center">Insumos</td>
<td width="142"align="center">Presentación </td>
<td width="89"align="center">Cantidad</td>
<td width="128"align="center">Proveedor</td>
<td width="73"align="center">Precio</td>

<td width="107" align="center">
<input type="button" size="8" onClick="agregarUsuario()"value="Agregar insumo" >
</td>
</tr>

</table>
<p>&nbsp;</p>
<p><input type="submit" value="Ingresar datos">&nbsp;&nbsp;<input type="reset" value="Borrar"></p>
</form>
<p>&nbsp;</p>
</fieldset>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>

<div id="pie">
<div id="pie1">
<p>&nbsp;</p>
</div>
<div id="pie2"> 
<p><br>Sistema diseñado por Pablo Cona Contreras.</p>
 <p>Informática biomédica 2011.</p>
 </div>
<div id="pie3">
<p>&nbsp;</p>
</div>
</div>
<div id="curva-inferior"></div>
</div>
  </body>
</html>

El problema que tengo, es que no se como hacer que el select que se genera aca

Código HTML:

nuevaCelda=nuevaFila.insertCell(-1);
nuevaCelda.innerHTML='<select name="codigocurso['+posicionCampo+']"></select>';

las opciones las tome de la base de datos, ojala me puedan ayudar y disculpen si me equivoque de foro

nicoe88 · #2 (**permalink**) 08/08/2011, 12:09

En realidad esto es Javascript, no PHP. Igualmente con php podrías tomar las opciones e imprimirlas con un foreach dentro del select en javascript.. una cosa asi:

Código PHP:

 
nuevaCelda.innerHTML='<select name="codigocurso['+posicionCampo+']"> 
<?php 
foreach($opciones as $opcion): 
?> 
<option value="<?php echo $opcion->valor?>"><?php echo $opcion->titulo?></option> 
<?php 
endforeach; 
?> 
</select>';

Saludos

pabloccontreras · #3 (**permalink**) 08/08/2011, 17:29

mmm voy a probar

pabloccontreras · #4 (**permalink**) 08/08/2011, 20:06

mmm el codigo que me diste me genera problema, por que los campos dejan de crearse dinamicamente :/

pabloccontreras · #5 (**permalink**) 08/08/2011, 20:19

ahora si lo arregle,ocupe un bucle do while para hacerlo, gracias de todas formas :)