textarea的javascript内部文本不会重置重新加载页面 [英] javascript innertext of textarea doesn't reset realoading page

查看：33
本文介绍了textarea的javascript内部文本不会重置重新加载页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有以下代码在加载页面时完美运行

它允许双击 P 并使其可使用 textarea 进行编辑，并在单击保存"按钮时将其恢复为 P

双击some lorem ipsum"字符串会将 P 切换到 texarea，该内容取自 P 内容，因此它将显示some lorem ipsum"

你做了一些编辑，假设你删除了some lorem ipsum"，你现在写新内容编辑"，

当您单击保存"时，它会返回显示 P 哪些新内容现在是新内容编辑"

我遇到的问题是，如果我在 Firefox 中单击重新加载按钮，

P 回到原来的内容some lorem ipsum"

但是如果我双击some lorem ipsum"字符串，则不会从 P 中选择 textarea 文本

而是显示之前的新内容编辑"

我是不是忘记了什么?谢谢指教

var noteP = document.getElementById("noteP");var noteTA = document.getElementById("noteTA");var noteDD = document.getElementById("noteDD");var noteED = document.getElementById("noteED");var TestoOriginale = "";var TestoAttuale = "";noteED.style.display = "无";noteP.ondblclick = 函数 LoadText() {TestoOriginale = noteP.innerText;//加载 P 文本noteTA.innerText = TestoOriginale;//- 错误在这里 - 将 P 文本写入 textareanoteDD.style.display = "none";//隐藏 P DIVnoteED.style.display = "block";//显示文本区域 DIV}函数更新文本(){TestoAttuale = noteTA.value;//获取当前 textarea 文本noteP.innerText = TestoAttuale;//将其写入 PnoteDD.style.display = "block";noteED.style.display = "无";}document.getElementById("salvaBT").onclick = function AJAXPost(NoteUpdateForm) {更新文本()；/**稍后添加更多代码**/}

<p id="noteP">一些lorem ipsum</span>.</p>
<div id="noteED"><form action="./note-update.php" method="post" id="NoteUpdateForm"><textarea id="noteTA" name="NoteUpdateText" form="NoteUpdateForm" rows="5" cols="40"></textarea><br></表单><input type="button" value="Cancel"><input type="button" id="salvaBT" value="Save" onclick="javascript:AJAXPost(this);">

解决方案

据我所知，在事件发生后，您希望在保存更改后更新 textarea 值.

您需要将 value 传递给 textarea 以保存修改.

而不是做

noteTA.innerText = TestoOriginale;

做:

noteTA.value = TestoOriginale;

当您使用 innerText 时，您将文本放入