як отримати значення текстової області в jquery?

я маю цю форму, і я намагаюся отримати значення з текстової області. чомусь не хоче.

<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

будь-які ідеї?

Значення текстової області також приймається за valметодом:

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

Вам потрібно використовувати .val()для текстової області, оскільки це елемент, а не обгортка. Спробуйте

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

Оновлена ​​скрипка

ви повинні використовувати val()замістьhtml()

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

у javascript:

document.getElementById("message").value

Вам не потрібно користуватися textarea#message

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

Ви можете безпосередньо використовувати

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

Перш ніж використовувати val (), слід перевірити, чи є текстове поле нульовим, інакше ви отримаєте невизначену помилку.

if ($('textarea#message') != undefined) {
   var message = $('textarea#message').val();
}

Тоді ви можете робити що завгодно із повідомленнями.

$('textarea#message')не може бути невизначеним (якщо, $звичайно, ви маєте на увазі jQuery).

$('textarea#message')може мати довжину 0, а потім $('textarea#message').val()буде порожнім, ось і все

Ви можете безпосередньо використовувати

var message = $.trim($("#message").val());

Детальніше @ Отримати значення TextArea за допомогою методу jQuery Val ()

Ви також можете отримати значення за атрибутом name name .

var message = $("#formId textarea[name=message]").val();

Вам не потрібно користуватися .html(). Ви повинні піти з .val().

З документа .val():

.val()Метод в основному використовується для отримання значень елементів форми , таких як input, selectі textarea. При виклику порожньої колекції вона повертається undefined.

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

усі цінності завжди приймаються з .val() .

дивіться код нижче:

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

Ви також можете отримати значення за іменем, а не за ідентифікатором, як це:

var message = $('textarea:input[name=message]').val();