Foros del Web » Programando para Internet » Javascript »

ayuda, crear select dinamico.

Estas en el tema de ayuda, crear select dinamico. en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/07/2010, 08:56
 
Fecha de Ingreso: febrero-2010
Mensajes: 63
Antigüedad: 14 años, 2 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
  #2 (permalink)  
Antiguo 15/07/2010, 10:54
 
Fecha de Ingreso: febrero-2010
Mensajes: 63
Antigüedad: 14 años, 2 meses
Puntos: 0
Respuesta: ayuda, crear select dinamico.

ya he conseguido crear un select pero ahora mi problema es que no tengo ni idea de como insertar texto dentro de las etiquetas de html generadas, es decir dentro de las opciones del select tengo que añadirle texto. Lo que ocurre es lo siguiente:
Código HTML:
Ver original
  1. <option value=1 ></option>
  2. <option value=2 ></option>
y yo lo que quiero es que pase esto:

Código HTML:
Ver original
  1. <option value=1> Opcion 1</option>

Os dejo el codigo:
Código Javascript:
Ver original
  1. p = document.createElement('select');
  2.   b = document.createElement('option');
  3.   c = document.createElement('option');
  4.     b.value="1";
  5.     c.value="2";
  6.    
  7.         p.name="medida";
  8.     contenedor.appendChild(p); 
  9.     p.appendChild(b);
  10.     p.appendChild(c)
;





Gracias y saludos.

Etiquetas: dinamico, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:29.