Ver Mensaje Individual
  #6 (permalink)  
Antiguo 26/09/2011, 13:13
Avatar de jotaincubus
jotaincubus
 
Fecha de Ingreso: mayo-2005
Ubicación: Medellin - Colombia
Mensajes: 1.797
Antigüedad: 19 años, 6 meses
Puntos: 394
Respuesta: Al seleccionar un valor de un combo me mande cajas de texto

O.o, creo que te mande el ejemplo que no era... jajajajaja Bueno te mando un ejemplo que me parece mucho mejor, este te crea un campo cada vez que presionas un boton, pero tambien tiene uno que elimina el campo que creaste si ya no lo necesitas:

Código Javascript:
Ver original
  1. <script language="javascript" type="text/javascript"> /* Abrimos etiqueta de código Javascript */
  2.  
  3. /* Partimos por definir una variable llamada posicionCampo. Esta variable servirá como índices para marcar cuantos campos se han agregado dinámicamente. La inicializamos en 1, ya que la primera llamada ocurrirá cuando no hayan campos agregados */
  4.  
  5. var posicionCampo=1;
  6.  
  7. /* Declaramos la función agregarUsuario( ) */
  8.  
  9. function agregarUsuario(){
  10.  
  11. /* Declaramos una variable llamada nuevaFila y a ella le asignamos la recuperación del elemento HTML designado por el id tablaUsuarios. En este caso, la tabla en la que manejamos los campos dinámicamente y llamamos a la función insertRow para agregar una fila */
  12.  
  13. nuevaFila = document.getElementById("tablaUsuarios").insertRow(-1);
  14.  
  15. /* Asignamos a la propiedad id de nuevaFila el valor de posicionCampo, que inicializamos en 1 */
  16.  
  17. nuevaFila.id=posicionCampo;
  18.  
  19. /* Luego en otra variable llamada nuevaCelda, agregaremos una celda a la tabla, mediante la función insertCell */
  20.  
  21. nuevaCelda=nuevaFila.insertCell(-1);
  22.  
  23. /* Con la celda creada, insertamos dinámicamente un campo de texto, el cual almacenaremos en un array llamado nombre, con una posición equivalente a la variable posicionCampo. Una vez terminado, repetimos la acción para el sitio Web y correo, asignando al array respectivo */
  24.  
  25. nuevaCelda.innerHTML="<td><input type='text' size='15′ name='nombre["+posicionCampo+"]' ></td>";
  26.  
  27. nuevaCelda=nuevaFila.insertCell(-1);
  28.  
  29. nuevaCelda.innerHTML="<td> <input type='text' size='10′ name='web["+posicionCampo+"]' ></td>";
  30.  
  31. nuevaCelda=nuevaFila.insertCell(-1);
  32.  
  33. nuevaCelda.innerHTML="<td> <input type='text' size='10′ name='correo["+posicionCampo+"]' ></td>";
  34.  
  35. /* Finalmente añadimos una última celda para las acciones y ahí agregamos un botón llamado Eliminar, el cual al ser presionado (definiendo la propiedad onClick), llamará a una función eliminarUsuario, pasando como parámetro la fila correspondiente */
  36.  
  37. nuevaCelda=nuevaFila.insertCell(-1);
  38.  
  39. nuevaCelda.innerHTML="<td><input type='button' value='Eliminar' onclick='eliminarUsuario(this)'></td>";
  40.  
  41. /* Incrementamos el valor de posicionCampo para que empiece a contar de la fila siguiente */
  42.  
  43. posicionCampo++;
  44.  
  45. }
  46.  
  47. /* Definimos la función eliminarUsuario, la cual se encargará de quitar la fila completa del formulario. No es necesario hacer modificaciones sobre este código */
  48.  
  49. function eliminarUsuario(obj){
  50.  
  51. var oTr = obj;
  52.  
  53. while(oTr.nodeName.toLowerCase()!='tr'){
  54.  
  55. oTr=oTr.parentNode;
  56.  
  57. }
  58.  
  59. var root = oTr.parentNode;
  60.  
  61. root.removeChild(oTr);
  62.  
  63. }
  64.  
  65. /* Cerramos el código Javascript */
  66.  
  67. </script>
  68.  
  69. <table id="tablaUsuarios">
  70.  
  71. <tr>
  72.  
  73. <td width="175″>Nombre</td>
  74.  
  75. <td width="175&#8243;>Sitio Web </td>
  76.  
  77. <td width="100″>Correo</td>
  78.  
  79. <td width="100&#8243;>Acciones</td>
  80. <td align="right">
  81. <input type="button" onClick="agregarUsuario()"
  82. value="A&ntilde;adir usuario" >
  83. </td>
  84.  
  85. </tr>
  86.  
  87. </table>
__________________
Por que existe gente que no agradece después de que se le ha brindado tiempo y ayuda ???