val () vs. text () per textarea

Sto usando jQuery e mi chiedo se dovrei usare val () o text () (o un altro metodo) per leggere e aggiornare il contenuto di una textarea.

Ho provato entrambi e ho avuto problemi con entrambi. Quando uso text () per aggiornare textarea, le interruzioni di riga (\ n) non funzionano. Quando uso val () per recuperare il contenuto dell'area di testo, il testo viene troncato se è troppo lungo.

Il modo migliore per impostare / ottenere il valore di una textarea è il .val(), .valuemetodo.

.text() utilizza internamente il file .textContent.innerText metodo (o per IE) per ottenere il contenuto di un file <textarea>. I seguenti casi di test illustrano come text()e si .val()relazionano tra loro:

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

La value proprietà , usata da .val()mostra sempre il valore visibile corrente, mentre text()il valore di ritorno di s può essere sbagliato.

.val() funziona sempre con textarea elementi.

.text()funziona a volte e fallisce altre volte! Non è affidabile (testato in Chrome 33)

La cosa migliore è che .val()funziona perfettamente anche con altri elementi del modulo (come input) mentre .text()fallisce.