0
188
VistasHTML Textarea no guarda su contenido (Javascript)
Un área de texto html está vinculada a una pantalla emergente.
Los textos no permanecen en el área después de que se vuelve a abrir la ventana emergente. El botón Guardar guarda el contenido del área de texto en una variable:
let textAreaContent=""; //in the beginning of script page. function handleClick(){ textAreaContent = document.getElementById("textarea").value; console.log(textAreaContent) return null; }Puedo ver el valor modificado del contenido del área de texto en la consola cuando hago clic en el botón Guardar. Traté de asignar la variable textAreaContent al área de texto HTML pero no funcionó. Página emergente:
<textarea id="textarea" rows="4" cols="40" style="border 1px solid black">${textAreaContent}</textarea> <button onClick={handleClick()}>Save</button>¿Por qué el contenido de textarea no cambia? ¿Qué estoy haciendo mal?
1 Respuestas
Responde la pregunta0
Primero cometió un error tipográfico con el atributo de estilo. Esta es la sintaxis correcta.
style="border: 1px solid black;"Para el controlador onClick, intente lo siguiente en su lugar:
<button onClick="handleClick()">Save</button>Si desea que la información persista, puede usar una variable global o almacenamiento de sesión.
function handleClick() { var textAreaContent = document.getElementById("textarea").value; sessionStorage.setItem("textAreaContent", textAreaContent); return null; }Luego puede obtener la información más tarde con el método sessionStorage.getItem más tarde y volver a agregar el valor
// whenever popup opens, document.getElementById("textarea").value = sessionStorage.getItem('textAreaContent')