Desaparecer el texto de un textarea al hacer click

[pablokru]

Hola a todos,

Tengo un form con un textarea para que el usuario haga preguntas. Mi intención es que al hacer click en submit, se capture el contenido del texto en la variable preg para trabajar con Ajax (hasta aca lo hice y funciona), y que el contenido del text área se borre (no se como hacerlo. Probe con jquery con la función val(), pero me borra la variable preg con el contenido de la pregunta.

Les agradezco desde ya la ayuda que puedan darme.

Código HTML:

<form action="javascript:ajax_preg()" method="GET">
   <textarea type="text" id="pregunta" cols="50" rows="2"></textarea><br/>
   <input type="submit" value="Enviar Pregunta" id="efecto_preg"/>
</form>
 

Código Javascript:

<script>
var xhr;
function ajax_preg(){
  var preg=document.getElementById('pregunta').value;
  var id_user= "<?php echo $user_id; ?>";
 
  xhr=getXHR();
  xhr.open("GET","ajax_pregunta.php?pregunta="+preg+"&id_user="+id_user);
    xhr.onreadystatechange=callback;
    xhr.send();
}
function callback(){
  if(xhr.readyState==4){
     if(xhr.status==200){
       document.getElementById("preg_callback").innerHTML=xhr.responseText;
        }
    }
}
</script>
 

[Lobito14]

Creo que lo estás haciendo con Javascript, no con jQuery, y estás posteando en la sección equivocada.

De todas formas te pongo la solución en jQuery para borrar el contenido del textarea al darle click al botón de submit:

Código Javascript:

$('#efecto_preg').click(function(){
      $('#pregunta').val('');
});
 

Saludos.

[pablokru]

Hola, gracias por la respuesta, pero al poner:

Código Javascript:

$('#efecto_preg').click(function(){
          $('#pregunta').val('');
    });
 

me desaparece el texto, pero tambien me borra la var preg que uso en ajax! Como evito esto? hay otra forma?

[Lobito14]

mmmm, pues no sabría exactamente que decirte.

Lo único que te puedo comentar, con mis experiencias con Ajax, es que al trabajar asincronamente, digamos que no sigue el flujo del programa, y a lo mejor la parte en Ajax que guarda el valor en la variable preg se ejecuta después de que borres el contenido del textbox, no se si me explico.

La única solución, un poco chapuza, que se me ocurre, es que guardes el valor ese del textarea en otro textarea oculto al público por ejemplo, con la propiedad CSS display:none, y en la parte de Ajax pilles el valor de ese textarea oculto, que como no lo verá el usuario no tienes que andar borrandole el contenido.

No si se me habrás entendido.

Un saludo.