单击按钮后没有获取文本区域文本？答案

【问题标题】：Not getting text area text after button click?单击按钮后没有获取文本区域文本？
【发布时间】：2015-09-24 21:38:03
【问题描述】：

我在 textarea 中有一些竞争 ..当我提醒它给出正确的竞争时。但是当我在文本竞争区域中附加“你好”文本时。并在按钮单击时获得竞争，它没有给出更新的竞争，为什么？它应该显示“你好”竞争。它显示以前的竞争为什么？

$(document).ready(function(){
 alert($("#test").html())   


 $("#btn").click(function(){
      alert($("#test").html())   
 })


})

在文本区域中添加“hello”并获取它给出的内容与之前的内容相同的内容？

【问题讨论】：

请不要链接到代码，理解问题所需的一切和期望的结果都应该包含在问题中。

标签： javascript jquery

【解决方案1】：

使用val()选项获取输入或textarea元素的文本值

.val()方法主要用于获取input、select、textarea等表单元素的值

$(document).ready(function(){
 alert($("#test").val())  

 $("#btn").click(function(){
      alert($("#test").val())   
 })
})

DEMO

【讨论】：

但是当我需要 html 竞争时，@nagpal 失败了？
@user944513 这不是 textarea 包含 HTML 的目的。我认为textarea 标签名称对此非常明确

【解决方案2】：

使用$("#test").val() 而不是$("#test").html()

$(document).ready(function(){
 alert($("#test").val())   
 
 
 $("#btn").click(function(){
      alert($("#test").val())   
 })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea rows="4" cols="50" id="test">
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies. 
</textarea>
<button id="btn">btn</button>

【讨论】：

for html 争辩为什么失败？

【解决方案3】：

它显示了以前的争论为什么？

<textarea> 元素的内部内容，例如foo 在

<textarea>foo</textarea>

用作默认值。更改 textarea 的值并不会更改其内部内容，它只会更改 value 属性。因此，当您使用 .html() 时，您将获得原始 HTML 中存在的值。

如前所述，使用.val() 获取当前值。另见val() vs. text() for textarea。

【讨论】：

【解决方案4】：

使用.val() 代替.html()

.val() 返回或设置<textarea> 或<input> 的值。它对其他任何东西都没有影响。

$("button").click(function() {
  alert($("textarea").val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea></textarea>
<button>Show data</button>

【讨论】：