Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/07/2010, 08:56
txin
 
Fecha de Ingreso: febrero-2010
Mensajes: 63
Antigüedad: 14 años, 3 meses
Puntos: 0
ayuda, crear select dinamico.

Hola,

bueno el caso es que tengo unas pocas horas de experiencia con javascript y no tengo ni idea de como generar un select dinamico correctamente con sus opciones,para que un usuario eliga una opcion, alguien puede ayudarme? Los input los genera corrrectamente e incluso cuando envio el formulario consigo obtener sus datos.
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.  
  3.  
  4. num=0;
  5. function crear(obj) {
  6.   num++;
  7.   fi = document.getElementById('fiel'); // 1
  8.   contenedor = document.createElement('div'); // 2
  9.   contenedor.id = 'div'+num; // 3
  10.   fi.appendChild(contenedor); // 4
  11.  
  12.   ele = document.createElement('input'); // 5
  13.   ele.type = 'text'; // 6
  14.   ele.name = 'ingrediente'+num; // 6
  15.   contenedor.appendChild(ele); // 7
  16.  
  17.   ele = document.createElement('input'); // 5
  18.   ele.type = 'text'; // 6
  19.   ele.name = 'medida'+num; // 6
  20.   contenedor.appendChild(ele); // 7
  21.  
  22.   ele = document.createElement('input'); // 5
  23.   ele.type = 'text'; // 6
  24.   ele.name = 'cantidad'+num; // 6
  25.  
  26.   contenedor.appendChild(ele); // 7
  27.  
  28.   ele = document.createElement('select'); // 5
  29.   ele.name = 'unidad'+num; // 6
  30.   contenedor.appendChild(ele); // 7
  31.  
  32.  
  33.   ele = document.createElement('input'); // 5
  34.   ele.type = 'button'; // 6
  35.   ele.value = 'Borrar'; // 8
  36.   ele.name = 'div'+num; // 8
  37.   ele.onclick = function () {borrar(this.name)} // 9
  38.   contenedor.appendChild(ele); // 7
  39. }
  40. function borrar(obj) {
  41.   fi = document.getElementById('fiel'); // 1
  42.   fi.removeChild(document.getElementById(obj)); // 10
  43. }
  44.  
  45. </script>


Gracias y saludos