用 js 替换 textarea 中的文本。为什么只在第一次工作？答案

【问题标题】：Replace text inside textarea with js. Why only works first time?用 js 替换 textarea 中的文本。为什么只在第一次工作？
【发布时间】：2014-02-09 22:00:19
【问题描述】：

我想在按下按钮时替换文本区域内的文本。

由于某种原因，这仅在第一次单击按钮时有效。如何解决这个问题？

<button id = "the_button">replace text</button> <br>

<textarea id = "textarea"></textarea>

JS：

 $("#the_button").click(function(e) {
       $("#textarea").html("hello world");
});

js 小提琴：http://jsfiddle.net/FU4gL/

【问题讨论】：

那么，第二次点击后你会期待什么？您将文本更改为“hello world”，然后您想再次将其更改为“hello world”，这样就不会发生任何事情，不是吗？
检查 jsfiddle：单击它，手动更改文本，然后再次单击它。它不会第二次变为“hello world”。

标签： javascript html

【解决方案1】：

改变

$("#the_button").click(function(e) {
    $("#textarea").html("hello world");
});

到：

$("#the_button").click(function(e) {
    $("#textarea").val("hello world");
});

【讨论】：

没问题，乐于助人。

【解决方案2】：

应该是：

$("#the_button").click(function(e) {
  $("#textarea").val("hello world");
});

小提琴：http://jsfiddle.net/rrikesh/HEPwj/

【讨论】：