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ón</a>
<ul>
<li><a href="programacionibm.html" >Informática Biomédica</a></li>
<li><a href="prograenfermeria.html">Técnico en Enfermeria</a></li>
<li><a href="prograbancosangre.html">Técnico enLaboratorio y banco de sangre</a></li>
<li><a href="prograradio.html">Técnico en Radiodiagnóstico</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Orden de pedido</a>
<ul>
<li><a href="../Orden de pedido/pedidoibm.html">Informática Biomédica</a></li>
<li><a href="../Orden de pedido/pedidoenf.html">Técnico en Enfermería</a></li>
<li><a href="../Orden de pedido/pedidosangre.html">Técnico en laboratorio y banco de sangre</a></li>
<li><a href="../Orden de pedido/pedidoradio.html">Técnico en radiodiagnó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ás</a>
<ul>
<li><a href="../Informesymas/Serviciotecnico.html">Servicio técnico</a></li>
<li><a href="../Informesymas/vencinsum-princ.html">Informe de vencimiento de insumos</a></li>
<li><a href="#" class="MenuBarItemSubmenu">Administración de usuarios</a>
<ul>
<li><a href="../Informesymas/ingreso_nuevo_usuario.php">Creación de usuarios</a></li>
<li><a href="../Informesymas/modifica_usuario.php">Eliminación/modificació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> </p>
<p> </p>
<p> </p>
<fieldset align="center" class="cuadro">
<legend align="center"class="leyenda">Orden de pedido Técnico en Enfermería</legend>
<p> </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> </p>
<p><input type="submit" value="Ingresar datos"> <input type="reset" value="Borrar"></p>
</form>
<p> </p>
</fieldset>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="pie">
<div id="pie1">
<p> </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> </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