Javascript 获取textarea的真实值

最近我遇到了

textarea

的问题。如果我有一个像这样的文本区

<textarea>Hello World</textarea>

变量

textareaText

是

Hello World

。但是如果我要更改

textarea

的值并重新运行JS。尽管真实的当前值是其他值，但它仍然会导致

Hello World

。我查了一下，看到了+5个答案，但所有答案都使用jQuery，这是我不使用或不知道（翻译）的东西，没有纯JS。如果有人能帮助我，我将不胜感激。还有一些答案似乎只针对一个文本区域。在我的项目中，我有+1000，所以我希望避免这种情况。

可能是吗

<textarea id="text-area">Hello World</textarea>

---

它在我的电脑中运行良好：

函数getText（）{ var textareaText=document.getElementsByTagName（'textarea'）[0]。值； console.log（textareaText）； };

Hello World

获取文本

无论您使用多少个

，这都应该有效：

<textarea id="textarea1">hello</textarea>
<textarea id="textarea2">goodbye</textarea>
<button id="button">button</button>
<script type="text/javascript">
    var button = document.getElementById("button");
    button.onclick = function() {
        alert(document.getElementById("textarea1").value + "\n" + document.getElementById("textarea2").value);
    };
</script>

你好 再见 按钮 var button=document.getElementById（“按钮”）； button.onclick=函数（）{ 警报（document.getElementById（“textarea1”）.value+“\n”+document.getElementById（“textarea2”）.value）； }; 我只是测试了它，它工作了，不管我改变了哪些值，即使我同时改变了这两个值。诀窍是不存储值，因为它们不会更新，所以您应该当场获取值

尽管这违反了提问指导原则，但对于“1000+”文本区域，为每个文本区域设置一个JavaScript变量可能会降低加载时间。我可以推荐使用相同HTML的jQuery吗

<script type="text/javascript">
    $("#button").on("click", function () {
        alert($("#textarea1").val() + "\n" + $("#textarea2").val());
    });
</script>

$（“#按钮”）。在（“单击”上，函数（）{
警报（$（“#textarea1”）.val（）+“\n”+$（“#textarea2”）.val（））；
});

---

当然，可以随意混合和更改上面提供的代码。希望这有帮助

谢谢，但问题还在继续。我认为问题不在于我如何选择textarea，而在于它的功能。如果需要，您可能必须添加输入事件侦听器来更新值。如上所述，HTML不会在更改输入或textarea的值时自动更新。查看链接，了解如何使用JS查看textarea，并在变量发生更改时更新指定变量的值。@AndrewL谢谢，知道纯JS中的jQuery是什么吗？为什么要向下投票？一个页面上有1000个textarea？任何人是如何浏览这种表单的？实际上它可能更像是200个，我是在计算人，而不是家庭（它是一样的），但不是在我的程序中，很奇怪。所以诀窍是为每个文本区域设置一个变量，以便JS可以跟踪它？@JackStoller在我更改它后，它不起作用，所以我刚刚将它改回重复的答案

<script type="text/javascript">
    $("#button").on("click", function () {
        alert($("#textarea1").val() + "\n" + $("#textarea2").val());
    });
</script>