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

Question

我有一个<p id="tag">，用户可以通过单击按钮进行编辑。

编辑按钮onclick功能：

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'"

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

取消按钮onclick功能：

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"

完成编辑并随后重新单击编辑按钮时，它可以正常工作。

当用户按下编辑按钮，在文本区域中进行更改，然后按下取消时，会发生此问题。在这种情况下，当重新单击编辑按钮时，文本区域的内容将保持用户编辑的方式，而文本区域的内容应与<p>标签的内容相同。

[可能是因为浏览器缓存了textarea内容，并且附加的内容与浏览器缓存的初始内容相同，textarea的文本仍然是用户更改文本的方式。

我为textarea分配了'autocomplete =“ off”'属性，但无效。

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

Answer 1

在p_edit()方法中，您有这行，您说这是将文本分配给textarea：

Answer 2

我认为您的取消按钮逻辑应如下所示。