jquery에서 텍스트 영역의 값을 얻는 방법은 무엇입니까?

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

무슨 생각이 있습니까?

텍스트 영역의 값은 다음 방법으로도 사용됩니다.

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea cols="60" rows="5" id="message" name="message">
Hello,
 world!
</textarea>

사용해야 합니다..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()을 사용하기 전에 텍스트 영역이 null인지 확인해야 합니다. 그렇지 않으면 정의되지 않은 오류가 발생합니다.

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

그러면, 당신은 메시지로 무엇이든 할 수 있습니다.

직접 사용할 수 있습니다.

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

자세한 내용 @ jQuery Val() 메서드를 사용하여 텍스트 영역의 값 가져오기 @

요소의 이름 속성으로 값을 가져올 수도 있습니다.

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

$('textarea#message')정의할 수 없습니다(만일 경우).$물론 jQuery를 의미합니다).

$('textarea#message')길이는 0이고 그 다음일 수 있습니다.$('textarea#message').val()비어 있을 것입니다.

모든 값은 항상 사용됩니다..val().

아래 코드 참조:

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

사용할 필요가 없습니다..html()당신은 가셔야 합니다..val().

의 문서에서:

그.val()방법은 주로 다음과 같은 양식 요소의 값을 얻기 위해 사용됩니다.input,select그리고.textarea빈 컬렉션에서 호출되면 반환됩니다.undefined.

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

다음과 같이 ID 대신 이름으로 값을 얻을 수도 있습니다.

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

언급URL : https://stackoverflow.com/questions/10507294/how-to-get-the-value-of-a-textarea-in-jquery