22 Votos

JavaScript: Cómo cambiar y leer un valor de input sin jQuery usando JavaScript puro

Pregunta de Invitado | 15/11/2021 a las 16:40

¿Hay alguna posibilidad para cambiar o recuperar el valor de un campo de entrada HTML con JavaScript puro?

Hasta ahora, siempre he usado jQuery para eso y, en consecuencia, este fue mi procedimiento para obtener y establecer valores de los campos:

<input type="text" id="fieldId" value="xyz">
$("#fieldId").val("abc");        // establecer valor usando jQuery
var wert = $("#fieldId").val();  // obtener valor usando jQuery

Por supuesto, esto requiere que incluya toda la biblioteca de jQuery en mi sitio web. Y en uno de mis proyectos recientes me gustaría ir sin eso porque esta sería la única función que necesito de toda la biblioteca de jQuery.

Entonces, ¿existe alguna solución de JavaScript simple que pueda usarse sin jQuery, que pueda usar para este propósito?

ResponderPositivoNegativo
3Mejor Respuesta3 Votos

Sí, puede hacer eso usando JavaScript puro sin ningún problema.

Para obtener el campo, puede usar la función document.getElementById()  a la que tenemos que pasar la ID de nuestro elemento. El resto se puede hacer usando .value:

document.getElementById('fieldId').value = "abc";
var v = document.getElementById('fieldId').value;

En consecuencia, la primera línea establece el valor del campo con el ID "fieldId" a "abc", la segunda línea lee el valor para almacenarlo en la variable "v".
16/11/2021 a las 19:03

ResponderPositivo Negativo
Responder

Temas Relacionados

Aviso Importante

Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.

Participar

Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.