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

时间:2015-02-26 10:46:51

标签: javascript jquery html forms textarea

我是javascript&的新手jQuery的。我有一个带有预设内容的 textarea 。如果我通过输入“新”更改网站上的值并按“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>

1 个答案:

答案 0 :(得分:5)

您需要使用val方法

&#13;
&#13;
<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>
&#13;
&#13;
&#13;