Jquery表单字段值
我怎样才能将这个HTML FORM中的HTML字符串
传递给使用Jquery的DIV?
HTML表格是:
Jquery代码:
$(document).ready(function(){ $("form#submit_wall").submit(function() { var message_wall = $('#message_wall').attr('value'); $("div#wall").append(''+ message_wall +''); return false; }); });
我正在尝试使用.html(),但我一直收到错误消息。
以下是learningjquery.com的示例
$(document).ready(function() { $('#comment').one('focus',function() { $('#comment').parent().after('Live Comment Preview'); }); var $comment = ''; // that's two single quotation-marks at the end $('#comment').keyup(function() { $comment = $(this).val(); $comment = $comment.replace(/\n/g, "
").replace(/\n\n+/g, '
').replace(/(<\/?)script/g,"$1noscript"); $('#live-preview').html( $comment ); }); });
这与你想要做的非常接近。
首先 ,正如durilai评论的那样,没有一个带有wall
ID的div
,这意味着即使你的提交处理程序正在工作, append
也不会附加,因为没有任何内容可以追加。
其次 ,即使你在表单上说了action=""
,表单仍然会提交并导致页面重新加载,因为你没有阻止提交处理程序中的默认操作。 一个快速解决方法是添加return false;
作为处理程序的最后一行。 另一种解决方法是重写它:
$("form#submit_wall").submit(function(event) { event.preventDefault(); $("div#wall").append(""+ $("#message_wall").val() + ""); });