Formulaire HTML et Jquery

Question

J'ai un problème avec le formulaire HTML et Jquery.

La version simplifiée ressemble à ceci:

HTML:

<form action="" method="post" id="send" name="send"> 
<textarea name="resp" cols="25" class="resp" rows="3"></textarea> 
<input type="submit" value="send" class="fsend" /> 
</form> 

Jquery:

$(document).ready(function() { 
$("form#send").submit(function() { 
var rs= $('.resp').attr('value'); 
$.ajax({ 
type: "POST", 
url: "?a=up", 
data: "rs="+ rs, 
success: function(){ 
$(".<?=$pid;?>").text('ok').addClass('pzd'); 
$(".<?=$td;?>").hide(); 
} 

}); 
return false; 
}); 
}); 

Le problème que j'ai avec ce formulaire et le code Jquery est que le poste ajax toujours la même valeur de texterea. Comment puis-je vider ou effacer la zone de texte après avoir envoyé des données au fichier PHP en utilisant ajax et que d'être prêt à entrer de nouvelles données dans textarea?

J'ai essayé d'utiliser document.send.resp.value = '';, send.resetForm();$(".resp").val('') et beaucoup d'autres, sur hors de la fonction de succès ajax ... et sans résultat.

Une aide?

Answer 1

Je ne comprends pas pourquoi cela ne fonctionne pas pour vous ...

$('.resp').val(''); 

fonctionne très bien quand je l'ai essayé.

Voir ici: http://jsfiddle.net/ryleyb/d7zX6/2/

Answer 2

Ici vous avez un plugin jquery qui peut gérer vos requêtes ajax très facilement. http://jquery.malsup.com/form/

Answer 3

Avez-vous essayé

$(':input','#send') 
.val('');