Solución:
Solo asigna un valor a uno de porque los ID deben ser únicos; por lo tanto, solo terminará apuntándose al primero con esa asignación de valor.
Cambie su HTML para usar una clase en su lugar:
<input type="text" class="myids"><br>
<input type="text" class="myids"><br>
<input type="text" class="myids"><br>
<input type="text" class="myids"><br>
Luego, puede adaptar su JavaScript en consecuencia.
jQuery
en jQuery, puede establecer un valor usando:
$('.myids').val('value for all of them here');
jQuery jsFiddle aquí.
JavaScript puro
En Javascript, usarías getElementsByClassName()
e iterar a través de ellos, dándoles el mismo valor.
var x = document.getElementsByClassName('myids');
for(i = 0; i < x.length; i++) {
x[i].value = "New!";
}
JavaScript puro jsFiddle aquí.
los id
Se supone que el atributo es único, por lo que tener el mismo id
varias veces es HTML no válido y la mayoría de los navegadores simplemente ignorarán cualquier entrada con id
s que ya existen en el árbol dom.
Nota al margen: para establecer el valor de varios identificadores (a través de jquery) use el val()
función y un selector que selecciona todas las entradas respectivas como esta (parece mucho más limpio tener esto en una sola línea en lugar de ceñirse a javascript puro):
$('#myid1, #myid2, .myclass1').val('new value');