Como poner una variable dentro de getElementById("VARIABLE")

[gabi86ab]

Hola buenas, soy nuevo por aquí y tengo una duda que me está complicando bastante a la hora de programar unas cosas en javascrip.

Voy por partes:

Resulta que por código javascript mediante un "for" genero un numero de fichas según el número que le pase yo por parámetro, por lo que los names de los atributos de HTML serían tal como así:

Código javascript: <input type='text' name='niveli"+i+"' id='niveli' value='' size='25' />

Código HTML con PHP: <input type="text" name="nivel<?php echo $i;?>" id="nivel" value="<?php echo $_POST["niveli$i"]; ?>" size="25" />

Entonces si inspeccionamos elemento en el navegador, veríamos que name sería edicion1, edicion2, edicion3 dependiendo de los registros que hayamos creado medienta un for.

Bien ahora el problema está en que yo tengo un script en el que recojo el valor de ese campo, todo va bien si le paso el name tal cual:

var nivel1=document.getElementsByName("nivel1");

Pero si yo tengo 100 registros no quiero estar repitiendo esta linea 100 veces, quiero que mediante un for me hiciera algo asi:

for(var i=0;i<100;i++)
{
var nivelVALOR DE I=document.getElementsByName("nivelVALOR DE I");
}

Suponiendo que i=1, he intentado coger y poner algo asi:

document.getElementsByName("nivel'+i+'");

Pero no hay manera, no me reconoce el campo nivel1...

¿Alguien podría ayudarme a como poner el nombre del campo con una variable?

[Alexis88]

Bienvenido a FDW

Esos apóstrofos o comillas simples, están de más. Debes de abrir y cerrar o bien con las comillas dobles o con las comillas simples, no combinándolas.

Código Javascript:

document.getElementsByName("nivel" + i);
 

Aunque te recomiendo utilizar el método querySelector ya que getElementsByName no es compatible con todos los navegadores.

Código Javascript:

document.querySelector("[name=nivel" + i + "]");
 

Saludos