javascript / jquery：获取textarea变化的内容

Question

我是 javascript 和 jquery 的新手。我有一个带有预设内容的 textarea。如果我通过输入 "new" 并按 "showme" 按钮更改站点上的值，警告框 会显示预设值 ， 不会文本区域的新竞争。

这是为什么？我必须更改什么才能从我的 chrome 浏览器获取新内容？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

    <form action="javascript:Output()">
    <textarea id='area1'>preset</textarea>
    <input type="submit" value="showme">
    </form>  

    <script>
    function Output() {
 var s = $('#area1').html();
    alert(s);
    }
    </script>

Answer 1

你需要使用val方法

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<form onsubmit="Output()">
  <textarea id='area1'>preset</textarea>
  <input type="submit" value="showme">
</form>  

<script>
  function Output() {
    var s = $('#area1').val();
    alert(s);
  }
</script>