Tự động cập nhật nội dung cho div khi nhập văn bản vào textarea

jQuery
ihoan đã viết 11 tháng trước

Văn bản sẽ được hiển thị vào thẻ div khi bạn nhập nội dung vào ô nhập textarea, được xử lý dữ liệu bằng jQuery.

Code hiển thị văn bản ở div khi nhập vào textarea

<textarea id="nhap" rows="5" cols="60" placeholder="Nhập nội dung vào đây..."></textarea>
<div class="ra"></div>

HTML gồm một ô nhập textarea có class là nhap để lấy nội dung và một thẻ div có class là ra để hiển thị nội dung.

<script>
$(document).ready(function(){
$("#nhap").keyup(function(){
// lấy giá trị val từ textarea
var currentText = $(this).val();

// hiện thị nội dung vào div
$(".ra").text(currentText);
});
});
</script>

jQuery xử lý dữ liệ bằng các lấy giá trị val ở textarea và thêm vào class ra của thẻ div.

770
Bài viết cùng chủ đề

Code jQuery thu gọn, mở rộng đoạn text

jQuery tạo hiệu ứng chữ tự động nhảy ra như đang nhập liệu

Bộ lọc select chọn Tỉnh Thành, Quận huyện, Xã phường

Hiệu ứng Animated Number Counter bằng jQuery

Tải về nội dung trong textarea bằng jQuery