Saltar al contenido

¿Asignar valor para múltiples cuadros de entrada usando javascript?

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 ids 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');
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *