HTML 在 textarea 中保存文本
Posted
技术标签:
【中文标题】HTML 在 textarea 中保存文本【英文标题】：HTML save text in textarea 【发布时间】：2016-08-25 22:10:24 【问题描述】：我有这个文本框
<textarea rows="20" cols="100"> </textarea>
当有人在其中输入文本并刷新页面时，我如何使输入的文本保持在那里
我会自己尝试一些东西，但我不知道从哪里开始......
【问题讨论】：
您需要使用 ajax 或服务器端语言。 您现在正在脱离标记语言，进入所谓的编程/脚本，这可以根据您的需要在 javascript 或 php 中完成。 【参考方案1】：您可以像这样使用 Jquery 和本地存储来完成。见小提琴https://jsfiddle.net/sxh0n7d1/13/
这将适用于多个<textarea>'s
window.onbeforeunload = function()
$('textarea').each(function()
var id = $(this).attr('id');
var value = $(this).val();
localStorage.setItem(id, value);
);
window.onload = function()
$('textarea').each(function()
var id = $(this).attr('id');
var text2 = localStorage.getItem(id);
if (text2 !== null) $('#'+id).val(text2);
);
【讨论】：
我知道它可以在 jsfiddle 上运行，但由于某些原因在 Dreamweaver 中，当我在浏览器中预览时它无法运行 @Ofcdan 你需要在<head> 部分链接jquery，使用这个<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>以上是关于HTML 在 textarea 中保存文本的主要内容，如果未能解决你的问题，请参考以下文章
我可以从 text 或 textarea 之外的文本选择中获取 Javascript 事件吗？
在按键事件中使用jQuery在textarea中设置文本[重复]