如何在jquery中获取textarea的值？

IT技术 javascript jquery textarea
2021-02-25 09:18:04

我有这个表格，我试图从文本区域获取值。出于某种原因，它不想。

<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

有任何想法吗？

6个回答

textarea 的值也可以通过val方法获取：

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

您需要使用.val()for textarea 因为它是一个元素而不是包装器。尝试

$('textarea#message').val()

更新的小提琴

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

var message = $('#message').val();

在 JavaScript 中： 

document.getElementById("message").value
来自Mozilla 的文档：“<textarea>不支持该value属性。”
2021-05-05 09:18:04

你不需要使用 textarea#message

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

你可以直接使用

var message = $('#message').val();
其它你可能感兴趣的问题
上一篇将 ES6 可迭代转换为数组 下一篇未捕获的语法错误：JSON 中的意外标记 u 位于位置 0