首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在jquery中获取文本区域的值?

如何在jquery中获取文本区域的值?
EN

Stack Overflow用户
提问于 2012-05-09 06:10:32
回答 10查看 316K关注 0票数 108

我有这个表单,我正在尝试从文本区域获取值。出于某种原因,它不想这样做。

代码语言:javascript
复制
<form action="/profile/index/sendmessage" method="post" enctype="application/x-www-form-urlencoded">
    <div class="upload_form">
        <dt id="message-label"><label class="optional" for="message">Enter Message</label></dt>
        <dd id="message-element">
        <textarea cols="60" rows="5" id="message" name="message"></textarea></dd>
        <dt id="id-label">&nbsp;</dt>
        <dd id="id-element">
        <input type="hidden" id="id" value="145198" name="id"></dd>
        <dt id="send_message-label">&nbsp;</dt>
        <dd id="send_message-element">
        <input type="submit" class="sendamessage" value="Send" id="send_message" name="send_message"></dd>
    </div>
</form>


$("input.sendamessage").click(function(event) {
    event.preventDefault();

    var message = $('textarea#message').html();
    var id      = $('input#id').val();

    console.log(message + '-' + id);
});

jsfiddle

有什么想法吗?

EN

回答 10

Stack Overflow用户

回答已采纳

发布于 2012-05-09 06:11:18

文本区域的值也是使用val方法获取的:

代码语言:javascript
复制
var message = $('textarea#message').val();
票数 197
EN

Stack Overflow用户

发布于 2012-05-09 06:11:36

您需要对文本区域使用.val(),因为它是一个元素,而不是一个包装器。试一试

代码语言:javascript
复制
$('textarea#message').val()

Updated fiddle

票数 28
EN

Stack Overflow用户

发布于 2012-05-09 06:12:19

您应该使用val()而不是html()

代码语言:javascript
复制
var message = $('#message').val();
票数 22
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10507294

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档