Si tienes 20, 50 o 500 enlaces, supongo que todos no apuntarán hacia la misma dirección, por lo que tendrás que usar un bucle para recorrer tanto al grupo de elementos de los cuales obtendrás los valores como al grupo de enlaces que en lugar de tener un
id
(a menos de que sea secuencial, es decir: id1, id2, id3, ...), deberían de tener una clase y en cada iteración realizarías la asignación de valores.
Un pequeño ejemplo:
Código HTML:
Ver original<!-- LAS CAJAS DE TEXTO DE LAS CUALES OBTENDRÉ LOS VALORES -->
<input type = "text" class = "cajas" value = "123" /> <input type = "text" class = "cajas" value = "456" /> <input type = "text" class = "cajas" value = "789" /> <input type = "text" class = "cajas" value = "012" />
<!-- LOS ENLACES A LOS CUALES MODIFICARÉ EL VALOR DE SU ATRIBUTO HREF -->
<a href = "ListaEquipos?codcategoria=C001&idioma=" class = "enlaces">Enlace 1
</a> <a href = "ListaEquipos?codcategoria=C001&idioma=" class = "enlaces">Enlace 2
</a> <a href = "ListaEquipos?codcategoria=C001&idioma=" class = "enlaces">Enlace 3
</a> <a href = "ListaEquipos?codcategoria=C001&idioma=" class = "enlaces">Enlace 4
</a>
Código Javascript
:
Ver originalvar inputs = document.querySelectorAll(".cajas"), //Las cajas de texto
total = inputs.length, //El total de cajas de texto
enlaces = document.querySelectorAll(".enlaces"); //Los enlaces
for (var i = 0; i < total; i++){
enlaces[i].href += inputs[i].value; //Concateno el valor del atributo 'href' del enlace con el valor de la caja de texto
}
El resultado será el siguiente:
Código HTML:
Ver original<a href = "ListaEquipos?codcategoria=C001&idioma=123" class = "enlaces">Enlace 1
</a> <a href = "ListaEquipos?codcategoria=C001&idioma=456" class = "enlaces">Enlace 2
</a> <a href = "ListaEquipos?codcategoria=C001&idioma=789" class = "enlaces">Enlace 3
</a> <a href = "ListaEquipos?codcategoria=C001&idioma=012" class = "enlaces">Enlace 4
</a>
Saludos