javascript/jquery:获取textarea的更改内容

Question

我是javascript和jquery的新手.我有一个预设内容的textarea.如果我通过输入"new"更改网站上的值并按"showme"按钮,警告框会显示预设值,而不是 textarea 的新竞争对手.

为什么是这样？我必须更改以从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>