Faire textarea en lecture seule avec jQuery

Question

Pour le texte input je fais:

 $('input[type="text"]').each(function(){
  $(this).attr('readonly','readonly');
});
 

Mais que dois-je faire pour textarea , pour le rendre readonly .

Answer 1

L'inclure dans votre sélecteur (à l'aide d'un de plusieurs/élément sélecteur), comme ceci:

$('input[type="text"], textarea').attr('readonly','readonly');

Vous pouvez le tester ici, si c'est la seule chose que vous faites, il n'y a pas besoin d'un .each(), vous pouvez les appeler .attr() sur tous les éléments qui correspondent.

Answer 2

Dans les dernières versions de jQuery, l'utilisation de la méthode prop est préféré au cours de l'utilisation de attr.

Pour effectuer un textarea en lecture seule:
$('mytextarea1').prop('readonly', true);

Pour faire toutes ces zones de texte en lecture seule:
$('textarea').prop('readonly', true);

Pour faire tous les 'texte' les champs en lecture seule:
$('input[type=text]').prop('readonly', true);

Pour faire tous les "texte" et textarea en lecture seule:
$('input[type=text],textarea').prop('readonly', true);

Veuillez également noter la différence entre "lecture seule" et "personnes handicapées" en termes d'apparence:

Ci-dessous est un <textarea> avec disabled ensemble de true:
(l'air différent)

Ci-dessous est un <textarea> avec readonly ensemble de true:
(il regarde même)

Answer 3

Depuis Jquery 1.6, utilisez

 $("#mytxtarea").prop("disabled", true);
 

Visitez http://api.jquery.com/prop/

Answer 4

Essaye ça

 $("#mytxtarea").attr("disabled", "disabled");
 

Answer 5

http://www.w3schools.com/TAGS/att_textarea_readonly.asp
http://stackoverflow.com/questions/825710/how-to-select-all-textareas-and-textboxes-using-jquery