javascript - 无法获取 textarea 的值

Question

这是我的代码：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<div id="container">
    <textarea name="message' id="myarea">This is it</textarea>
    <br/>
    <input type="button" id="savebutton" value="Go" /> <p id="fuck"></p>
</div>

<script>

$('#savebutton').click(function() {
    var text = $('#myarea').value();
    alert(text);
}); 

</script>

单击时出现错误：

未捕获的类型错误：对象 [对象对象] 没有方法“值”

Answer 1

是.val()，不是.value()。

如果你在开发者控制台打开的情况下进行开发，你会看到有一个TypeError。这应该是您在某些事情不工作时首先看到的地方。

Answer 2

两件事，使用val()代替value(). 和

<textarea name="message' id="myarea">This is it</textarea>  

是无效的。利用

<textarea name="message" id="myarea">This is it</textarea>

反而。注意name="message'.

Answer 3

正确的 jQuery 函数是val()，不是value()。

也就是说，由于您的代码，一只独角兽刚刚被残忍地杀害。试试Vanilla JS：

document.getElementById('savebutton').onclick = function() {
    var text = document.getElementById('myarea').value;
    alert(text);
};

编辑：您的文本区域的属性值中也有不匹配的引号。纠正那些，否则即使这样也行不通；）