Valeur du champ de formulaire Jquery

Question

Comment puis-je passer la chaîne HTML <br> de ce formulaire HTML à la DIV en utilisant Jquery?

formulaire HTML est:

<form action="" id="submit_wall" name="submit_wall" method="post"> 
<textarea cols="50" rows="5" id="message_wall"></textarea> 
<button type="submit" id="fst" class="cfst">send</button> 
</form> 

<div id="wall"></div> 
<div class="msg"></div> 

Code Jquery:

$(document).ready(function(){  
$("form#submit_wall").submit(function() { 
var message_wall = $('#message_wall').attr('value'); 

$("div#wall").append('<div class=msg>'+ message_wall +'</div>'); 
return false; 
}); 
}); 

J'essaie en utilisant .html() mais je continue à recevoir un message d'erreur.

Answer 1

Voici un exemple de learningjquery.com

$(document).ready(function() { 
    $('#comment').one('focus',function() { 
$('#comment').parent().after('<div id="preview-box"><div class="comment-by">Live Comment Preview</div><div id="live-preview"></div></div>'); 
    }); 
    var $comment = ''; // that's two single quotation-marks at the end 
    $('#comment').keyup(function() { 
$comment = $(this).val(); 
$comment = $comment.replace(/\n/g, "<br />").replace(/\n\n+/g, '<br /><br />').replace(/(<\/?)script/g,"$1noscript"); 
$('#live-preview').html($comment); 
    }); 
}); 

Ce qui est très proche de ce que vous essayez de faire.

Answer 2

Première, comme durilai a commenté, il n'y a pas div avec un ID de wall, ce qui signifie que même si votre gestionnaire soumettre travaille, append ne va pas à ajouter car il n'y a rien à ajouter à.

Deuxième, même si vous avez dit action="" sur la forme, la forme sera toujours présenter et faire ce qui ressemble à un rechargement de la page parce que vous n'êtes pas empêchez l'action par défaut dans votre gestionnaire soumettre. Une solution rapide consiste à ajouter return false; comme dernière ligne du gestionnaire. Une autre solution consiste à réécrire comme:

$("form#submit_wall").submit(function(event) { 
    event.preventDefault(); 

    $("div#wall").append("<div class='msg'>"+ $("#message_wall").val() + "</div>"); 
});