How to get the value of a textarea in jQuery

January 1, 2021 admin

In this tutorial, we are going to see how to get the value of a textarea in jQuery. You can simply use jQuery’s val() method to get the value of a textarea. Make sure to remove all leading and trailing white space, otherwise unexpected results may occur.

HTML Code:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Get the value of a textarea in jQuery</title>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script>
			// Put the jQuery code here
		</script>
	</head>
	<body>
		<textarea id="val" rows="4" cols="70"></textarea>
		<button type="button">Get the value</button>
	</body>
</html>

jQuery Code:

$(document).ready(function() {
    $("button").click(function() {
        var val = $.trim($("#val").val());
        if (val != "") {
            alert(val);
        }
    });
});