Comunidad de diseño web y desarrollo en internet online

Cómo hago para crear ids unicos?

Citar            
MensajeEscrito el 17 Oct 2011 01:26 pm
Hola a todos! Tengo una duda... ¿podrían decirme por favor como hago para crear y llegar a esto?

Necesitaría armar algo para que los inputs tengan un ID único, que quede así:

<input name="cantidad[]" id="cantidad1" />
<input name="cantidad[]" id="cantidad2" />
<input name="cantidad[]" id="cantidad3" />
<input name="cantidad[]" id="cantidad4" />

y con la función document.getElementById() acceder a ellos. ¿Se puede?

Muchas gracias por su ayuda.
saludos.

Por Picasso

45 de clabLevel



Genero:Masculino  

Programador Web

firefox
Citar            
MensajeEscrito el 17 Oct 2011 04:22 pm

Código HTML :

<script type="text/javascript">
function Click() {
   var d = document.getElementById('cantidades');
for (var i=1;i<10;i++) {
   d.innerHTML = d.innerHTML + "<input name=\"cantidad[]\" id=\"cantidad"+i+"\" />";
}
}
</script>
</head>
<body>
   <button onClick="Click();">Click!</button>
   <div id="cantidades">
   </div>

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 17 Oct 2011 05:53 pm
DriverOp : Muchísimas gracias por el ejemplo. Me ayudó a orientarme y realmente era fácil.

Lo que hice fué modificarlo para que al hacer Click vaya creando de a uno los campos:

Código :

<script type="text/javascript"> 
num=0;
function Click() { 
   var d = document.getElementById('cantidades'); 
num++;
   d.innerHTML = d.innerHTML + "<input name=\"cantidad[]\" id=\"cantidad"+num+"\" />"; 

} 
</script> 
</head> 
<body> 
   <button onClick="Click();">Click!</button> 
   <div id="cantidades"></div> 


Era muy sencillo pero cuando uno tiene la cabeza bloqueada, no hay como una manito de un compañero.
Gracias y saludls.
Picasso.

Por Picasso

45 de clabLevel



Genero:Masculino  

Programador Web

firefox
Citar            
MensajeEscrito el 17 Oct 2011 06:02 pm
Lo sé, lo sé. A veces también me pasa, como a todo el mundo, creo.

Me alegra haber sido útil :)

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.