val() so với text() cho textarea

Question

Tôi đang sử dụng jQuery, và tự hỏi có nên sử dụng val() hoặc text() (hoặc phương thức khác) để đọc và cập nhật nội dung của vùng văn bản hay không.

Tôi đã thử cả hai và tôi đã gặp sự cố với cả hai. Khi tôi sử dụng text() để cập nhật textarea, ngắt dòng (\ n) không hoạt động. Khi tôi sử dụng val() để truy xuất nội dung văn bản, văn bản sẽ bị cắt bớt nếu quá dài.

Answer 1

Cách tốt nhất để đặt/nhận giá trị của vùng văn bản là phương pháp .val(), .value.

.text() sử dụng nội bộ phương pháp .textContent (hoặc .innerText cho IE) để nhận nội dung của <textarea>. Các trường hợp kiểm tra sau đây minh họa cách text() và .val() liên quan đến nhau:

var t = '<textarea>'; 
console.log($(t).text('test').val());    // Prints test 
console.log($(t).val('too').text('test').val()); // Prints too 
console.log($(t).val('too').text());    // Prints nothing 
console.log($(t).text('test').val('too').val()); // Prints too 

console.log($(t).text('test').val('too').text()); // Prints test 

các valuetài sản, được sử dụng bởi .val() luôn cho thấy giá trị có thể nhìn thấy hiện nay, trong khi giá trị trả về text() 's có thể là sai lầm.

Answer 2

Chọn <textarea> theo tên thuộc tính thay vì id.

<textarea id="message" name="message"></textarea> 
<script> 
    jQuery("textarea[name='message']").val(); 
</script> 

Answer 3

.val() luôn hoạt động với các yếu tố textarea.

.text() hoạt động đôi khi và không thực hiện được các lần khác! Nó không đáng tin cậy (được thử nghiệm trong Chrome 33)

Điều tốt nhất là .val() hoạt động liền mạch với các phần tử biểu mẫu khác (như input) trong khi .text() không thành công.