Javascript 通过单击按钮将textarea内容更改回其起始形式

我有一个

，用户点击按钮就可以编辑它

编辑按钮点击功能：

function p_edit() {
        var content= $("#tag").text();
        "now var content is equal to tag's content"
        $("#tag-form2").css("display", "block")
        $("#tag").css("display", "none")
        $(".user-holder4").css("display", "none")
        $("#id_tag").text(content)
        "above the content obtained from the tag is appended to the textarea"
        $(".kokomo-holder2").css("display","block")
        $(".login-button4").css("display","block")
        $(".login-button6").css("display","block")
    }
    "as you can see, the button gets the tag's content and appends it to the textarea of which the id is 'id_tag'"

function cancel(){
        $(".bilgilendirme-holder2").css("display","none")
        $(".login-button4").css("display","none")
        $(".login-button5").css("display","none")
        $(".login-button6").css("display","none")
        $("#tag-form2").css("display","none")
        $("#tag").css("display","block")
        $(".user-holder4").css("display","block")
        $("#id_tag").text(content)
    }
"this function reverses what was done by the edit function so the <p> tag becomes visible again"

单击编辑按钮后，用户可以更改文本或按取消按钮

取消按钮单击功能：

function p_edit() {
        var content= $("#tag").text();
        "now var content is equal to tag's content"
        $("#tag-form2").css("display", "block")
        $("#tag").css("display", "none")
        $(".user-holder4").css("display", "none")
        $("#id_tag").text(content)
        "above the content obtained from the tag is appended to the textarea"
        $(".kokomo-holder2").css("display","block")
        $(".login-button4").css("display","block")
        $(".login-button6").css("display","block")
    }
    "as you can see, the button gets the tag's content and appends it to the textarea of which the id is 'id_tag'"

function cancel(){
        $(".bilgilendirme-holder2").css("display","none")
        $(".login-button4").css("display","none")
        $(".login-button5").css("display","none")
        $(".login-button6").css("display","none")
        $("#tag-form2").css("display","none")
        $("#tag").css("display","block")
        $(".user-holder4").css("display","block")
        $("#id_tag").text(content)
    }
"this function reverses what was done by the edit function so the <p> tag becomes visible again"

当编辑完成后重新单击编辑按钮时，它会正常工作

当用户按“编辑”按钮，在文本区域中进行更改，然后按“取消”时，就会出现此问题。 在这种情况下，当重新单击编辑按钮时，textarea的内容仍保持用户编辑的方式，而它应该与标记的内容相同

这可能是因为浏览器缓存textarea内容，并且只要附加的内容与浏览器缓存的初始内容相同，textarea的文本就会保持用户更改的方式

我为textarea指定了“autocomplete=off”属性，但它不起作用

我想知道是否有一种方法可以解决此问题，而无需每次单击编辑按钮时删除并重新创建文本区域。

在p_编辑方法中，您有一行，您可以说它将文本分配给文本区域：

$id_tag.textcontent

但是，在cancel方法中，您有以下行：

$id_etiket2.text

---

而不是那样，或者可能是因为我不知道id_etiket2引用了什么，所以尝试添加$id_tag.text；我认为您的取消按钮逻辑应该如下所示

$document.readyfunction{ $Edit.on'click'，EditOrSave； $cancel。单击“取消”； } 函数编辑器保存{ var btn=$Edit； ifbtn.val==编辑 { text contentofp=$tag.text； $editcontent2.show； $editcontent2.valwindow.textContentofP； $tag.hide； $cancel.show； btn.valSave； } 否则{ $tag.text$editcontent2.val； $editcontent2.0； $tag.show； $cancel.hide； btn.valEdit； } } 功能取消{ $tag.textwindow.textContentofP； $editcontent2.0； $tag.show； $cancel.hide； $Edit.valEdit； $cancel.hide } 你好，你好吗

---

id_标签真的是文本区吗？您是否应该不使用.val。。。。方法？“如您所见，按钮获取标记的内容并将其附加到textarea”-不，我们看不到，因为您根本没有在任何地方显示任何textarea。请始终提供一个适当的问题，像这样。编辑和注意您的建议谢谢！很抱歉，我将id名称从土耳其语改为英语，但忘记了这一部分，它现在已被编辑。原来它只适用于输入区域，不适用于文本区域…@mattarello它也适用于文本区域。我更新了一个密码。