Crear elementos con id auto incremento

marynella · #1 (**permalink**) 25/11/2015, 14:23

Hola todos, estoy tratando de crear un select y un input number, esto lo hago con una función. Los elementos los crea bien pero quiero que al ejecutar la función los elementos que se creen tengan como id el consecutivo siguiente al ultimo elemento creado. Ejemplo lista1 numero1, lista2 numero2 .... Así sucesivamente

Gracias

IsaBelM · #2 (**permalink**) 25/11/2015, 14:31

En realidad no se usan ids, en su lugar se usa el atributo name dándole como valor un array "asociativo"

Cita:

name = "nombre[]"

Alexis88 · #3 (**permalink**) 25/11/2015, 14:36

Puedes tener una variable que incremente su valor por cada vez que cree un elemento, así solo tienes que asignarlo a cada elemento nuevo. También tienes la alternativa de las clases y nombres que son atributos cuyos valores pueden repetirse.

Un saludo

marynella · #4 (**permalink**) 25/11/2015, 14:53

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<!DOCTYPE html>
<html>
    <head>
        <style>
            #otro {
                border: 1px solid #47913E;
                margin-bottom: 10px;
            }
        </style>
    </head>
    <body>
        <p><b>Créer Éléments</b></p>
        <div id="otro" style="width: 200px;">
            Éléments Nouveau<br><br>
        </div><br>
        <button onclick="nuevo()">Click S'il vous-plaît</button>
 
        <script>
            function nuevo(){
                var para = document.createElement('select');
                para . id = "lista[]";
                para . name = "lista[]";
                document.getElementById("otro").appendChild(para);
                
                var x = document.getElementById("lista[]");
                var option = document.createElement("option");
                option . text = "Seleccione Opcion";
                option . text = "Opción 1";
                option . text = "Opción 2";
                option . text = "Opción 3";
                x.add(option);
 
                
                var cant = document.createElement('input');
                cant . type =  "number" ; 
                cant . name =  "Prueba[]"; 
                cant . id = "Prueba[]";
                cant . value = "1";
                cant . min = "1";
                cant . max = "15";
                document.getElementById("otro").appendChild(cant);
            }
        </script>
    </body>
</html>

IsaBelM · #5 (**permalink**) 25/11/2015, 16:19

Añade option a para y después añade para a otro.
Por otro lado quita las ids a los elementos. No es un atributo que puedas usar para validar (cliente / servidor). Tampoco te ayudará a la hora de recoger los valores en el servidor