Cambiar el Valor de una Entrada de Texto con JS o jQuery - Aprendiendo Programación Web

Veremos como cambiar el valor de una entrada de texto o cualquier entrada <input> que el usuario puede editar con la ayuda de Javascript o jQuery (Dependiendo de cual quieras usar), para ello solo necesitamos efectuar una función de cada lenguaje, no importa en cual prefieres trabajar. Recuerda que como siempre hasta abajo del articulo encontrarás el código copiable y editable en jsFiddle.

JavaScript:

Para lograrlo efectuaremos lo mismo que hicimos para obtener el valor de una entrada en este articulo, con la única diferencia que colocaremos el nuevo valor deseado en cada espacio, es decir, que la función quedaría de la siguiente manera:

document.getElementById('idDelElementoInput').value = "NuevoValor" 

jQuery:

En jQuery es exactamente lo mismo, pero con la diferencia que entre los paréntesis de la función val(), colocaremos el texto del nuevo valor deseado, obviamente es posible colocar variantes en lugar de un texto como tal, pero para ello no es necesario colocar comillas:

 $('#idDelElementoInput').val("NuevoValor"); 

Ahora el código listo con resultado editable en jsFiddle: