Question

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

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


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


})

在文本区域中添加“hello”并获得竞争它会给出与以前相同的竞争原因吗？

Answer 1

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

.val（）方法主要用于获取表单元素的值，例如input，select和textarea

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

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

DEMO

Answer 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>

Answer 3

它显示了之前的争论原因？

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

中的foo

<textarea>foo</textarea>

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

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

Answer 4

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

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

＆＃13;

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

＆＃13;

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

＆＃13;

点击按钮后没有获取文本区域文本？

4 个答案: