En este nuevo tutorial de javascript y de forma muy rápida, vamos a explicar como dar o asignar un valor a una caja de texto (inputbox) de html, para ello utilizaremos document.getElementById(), pero primero pongamos el objeto en cuestión:
<form name=»frmTabla» id=»frmTabla»>
<input name=»txtTabla» type=»text» id=»txtTabla» value=»»>
</form>
Una vez que tenemos declarado el objeto, veamos como asignar el valor:
document.getElementById(«txtTabla»).value = «Tutorial Javascript»;
Esto añadiría el string «Tutorial Javascript» a la caja de texto designada con el id «txtTabla»
Así de sencillo!
Un saludo!
Fredd 27 junio, 2014
Siempre y cuando este dentro de un
window.onload = function(){
document.getElementById(‘widget-generalcode’).innerHTML = ‘test’;
};
sino tira error
Jesus David 30 agosto, 2020
Gracias!!. Llevaba casi una hora intentando cargar un input desde javascript. Efectivamente haciendo uso del onload funcionó. De hecho construí una función y ni llamando la función se solucionó. Gracias de nuevo!.
Carlos Dk 31 agosto, 2020
Gracias por tu comentario. Me alegra saber que ayuda! 😉
videotutoriales 27 junio, 2014
Como bien dices Fredd, hay que añadirlo dentro de alguna función, en tu caso en el evento load del documento.
Gracias por el aporte 😉
Jose Lema 19 octubre, 2016
amigo disculpa, en mi caso no tengo el id del input, solo tengo el name, como podria hacer en ese caso
Carlos Dk 24 octubre, 2016
Cambia la función getElementById por getelementsbyname y asignale el nombre. El resultado ha de ser exactamente igual.
Un saludo!
David Espinoza 10 enero, 2017
Me gustaría saber como asignar valores en un for
Carlos Dk 11 enero, 2017
Necesito que me expliques un poco más, un for es una iteración sabiendo la totalidad de elementos, pero ¿asignar los valores a qué?
Espero tu respuesta 😉
Moises Gaytan 13 enero, 2017
Me pueden ayudar con el mismo ejemplo pero viceversa, asignar el texto de un input a una variable JavaScript. Lo intento hacer para imprimir lo que capture en un alert pero me sale INDEFINIDE. Ayuda Por favor!!
Carlos Dk 13 enero, 2017
Bueno, por lógica debería de hacerse alert(document.getElementById(“txtTabla”).value);
Aunque por facílidad, te recomiendo utilizar JQuery, es mucho más sencillo y rápido de entender 😉
Un saludo!
Fernando 12 marzo, 2019
Esta en javascript o jquery???
Carlos Dk 14 marzo, 2019
Este código es javascript.
Diaz 30 noviembre, 2019
tlaxtlaoij= Gracias
Aldair 9 diciembre, 2019
me podrían ayudar tengo el siguiente campo:
el valor del input es 100 como puedo hacer para cambiar ese valor y que muestre esto
como puedo hacerlo con javascript
Carlos Dk 10 diciembre, 2019
Los comentarios no aceptan código como tal, deberás de escribirlo con algún espacio para que no se parsee y oculte.
Así quizás te pueda ayudar 🙂
Armando 10 marzo, 2020
Excelente, muy buena explicación.
Carlos Dk 10 marzo, 2020
Gracias!
Pedro Moreno 12 noviembre, 2021
Hola colegas:
Yo me pare en esta parte, al final pude resolver asi:
En JS
$(«input[name=NOMBRE_DEL_INPUT]»).val(VARIABLE);
En el HTML
Y ya pude recibir el dato en el INPUT directo desde el JS