点击按钮后在两个文本区域中添加新行并用文本填充它们

Posted 2023-05-07

【中文标题】点击按钮后在两个文本区域中添加新行并用文本填充它们

【英文标题】：Adding new lines in two textareas after hitting a button and filling them with text

【发布时间】：2015-10-13 00:10:57

【问题描述】：

我有一个包含两个文本区域和一个按钮的 html 页面。它是一个自定义 SQL 客户端，因此用户在第一个文本区域中输入命令并点击按钮。通过使用 javascript 和 AJAX，文本将被发送到数据库并将返回结果日志，显示在第二个文本区域中。

点赞this小视频。

This 是整个代码。

我想要做的是，在用户编写命令并点击按钮后；在写入命令的第一个文本区域中，应在其中添加一个以 SQL 开头的新行> 单击按钮后，我可以在第二个文本区域中创建一个新行，但第一个文本区域没有任何反应。我用来执行此操作的代码是：

document.getElementById("in").innerHTML+=("\n"+"SQL>");

我做错了什么？ 我应该如何解决它？

附言我已经阅读了其他关于通常向 textareas 插入新行的问题，但它们并不能完全解决我的问题。

【问题讨论】：

将innerHTML 替换为value。 textarea 中的内容是一个值，而不是 innerHTML。

【参考方案1】：

这将起作用：

document.getElementById("in").value+=("\n"+"SQL>");