无法获得textarea的价值

时间:2013-04-23 18:10:05

标签: javascript jquery

这是我的代码:

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

点击后我收到错误:

  

未捕获的TypeError:对象[object Object]没有方法'value'

3 个答案:

答案 0 :(得分:4)

它是.val(),而不是.value()

如果您在开发者控制台开放的情况下进行开发,您会看到 TypeError 。当事情不起作用时,这应该是你看的第一个地方。

答案 1 :(得分:1)

两件事,使用val()代替value()。并且

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

无效。使用

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

代替。请注意name="message'

答案 2 :(得分:0)

正确的jQuery函数是val(),而不是value()

那就是说,由于你的代码,一只独角兽刚刚遭到残酷杀害。请改为Vanilla JS

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

编辑:您的textarea属性值中也有不匹配的引号。纠正这些,否则即使这样也行不通;)