Jquery 事件单击 html() 仅有效一次

Question

我有一个 function ，单击该元素时应输入一个 textarea 值，但 function 仅通过单击一次即可工作，然后不再工作，除非加载页面。 每次单击元素时，如何使 function 工作？

I made the function in javascript, but this only works in Firefox and does not work in chrome, so I gave up and tried jquery

$("#element").click(function(){
    $("#nameidtextarea").html("<br>");
});

预计单击#element 时，值“<'br'>”将插入到文本区域中

Answer 1

textarea 元素的 HTML 内容是默认值，因此使用它只会在用户未更改的情况下更改值。

不要使用html()来修改表单控件的值。 使用val() 。

---

您当前正在将值设置为<br> 。 那是替换操作，而不是插入操作。

如果要插入数据而不删除现有数据，则需要读取当前值，修改它，然后设置新值。

---

$("#element").click(function(){
    const old_value = $("#nameidtextarea").val();
    const new_value = old_value + "<br>";
    $("#nameidtextarea").val(new_value);
});

Answer 2

感谢大家！

$("#nameidtextarea").val($("#nameidtextarea").val()+$("#nameidtextarea").html()+"<br>");

现在为我工作