Ajouter du texte dans textarea sur clic

Question

J'ai cette marge qui, pour la plupart des œuvres de partie (jQuery nécessaire):

<label>Description</label><br /> 
<textarea id="the-text"></textarea> 
<br /> 
<br /> 
<a href="#" id="get-alternative-text">Use alternative text</a> 

<script type="text/javascript"> 
$("#get-alternative-text").click(function(){ 
    $("#the-text").text("this is the alternative text").show(); 
}); 
</script> 

Si vous cliquez sur le lien « Utiliser texte alternatif », puis le texte alternatif obtient jeté dans la zone de texte. Mais cela ne fonctionne que si l'utilisateur n'a pas déjà mis le contenu dans la zone de texte.

je en ai besoin de travailler de sorte que même si la zone de texte est déjà rempli, en cliquant sur le « choix de modes texte » remplacera tout ce qui est actuellement dans la zone de texte.

Tout conseil serait apprécié.

Answer 1

Il suffit de changer text-val

Démo: http://jsfiddle.net/a9Lyybef/

$("#get-alternative-text").click(function() { 
    $("#the-text").val("this is the alternative text").show(); 
}); 

Answer 2

Utilisez .val() pour la mise en valeur au lieu de textarea.text():

$("#get-alternative-text").click(function(){ 
     $("#the-text").val("this is the alternative text"); 
}); 

Fiddle.

Answer 3

Textarea ont pas d'attribut de valeur, utilisez text() ou html().

DEMO: http://jsfiddle.net/don/knrspx8e/1/

jQuery:

$("#get-alternative-text").click(function(){ 
    $("#the-text").text("this is the alternative text"); 
}); 

Answer 4

Je pense que c'est la façon dont il devrait être

http://jsfiddle.net/victor_007/qb3vwxLk/

$(document).ready(function() { 

    $("#get-alternative-text").click(function(){ 
    event.preventDefault(); 
    $("#the-text").val("this is the alternative text"); 
    }); 


}); 

Answer 5

Essayez cette

$("#get-alternative-text").click(function(){ 
    var txt = $.trim($('#the-text').val()); 
    if(txt.length==0) 
    { 
    $("#the-text").attr('value', "this is the alternative text"); 
    } 
});