Ver Mensaje Individual
  #4 (permalink)  
Antiguo 25/11/2015, 14:53
Avatar de marynella
marynella
 
Fecha de Ingreso: septiembre-2015
Ubicación: Bogota
Mensajes: 57
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: Crear elementos con id auto incremento

Lo que pretendo hacer es crear un select y intup number; soy novata en javascript y no me funciona lo que me dices

Código Javascript:
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <style>
  5.             #otro {
  6.                 border: 1px solid #47913E;
  7.                 margin-bottom: 10px;
  8.             }
  9.         </style>
  10.     </head>
  11.     <body>
  12.         <p><b>Créer Éléments</b></p>
  13.         <div id="otro" style="width: 200px;">
  14.             Éléments Nouveau<br><br>
  15.         </div><br>
  16.         <button onclick="nuevo()">Click S'il vous-plaît</button>
  17.  
  18.         <script>
  19.             function nuevo(){
  20.                 var para = document.createElement('select');
  21.                 para . id = "lista[]";
  22.                 para . name = "lista[]";
  23.                 document.getElementById("otro").appendChild(para);
  24.                
  25.                 var x = document.getElementById("lista[]");
  26.                 var option = document.createElement("option");
  27.                 option . text = "Seleccione Opcion";
  28.                 option . text = "Opción 1";
  29.                 option . text = "Opción 2";
  30.                 option . text = "Opción 3";
  31.                 x.add(option);
  32.  
  33.                
  34.                 var cant = document.createElement('input');
  35.                 cant . type =  "number" ;
  36.                 cant . name =  "Prueba[]";
  37.                 cant . id = "Prueba[]";
  38.                 cant . value = "1";
  39.                 cant . min = "1";
  40.                 cant . max = "15";
  41.                 document.getElementById("otro").appendChild(cant);
  42.             }
  43.         </script>
  44.     </body>
  45. </html>