Question

<script type="text/javascript" >
$(document).ready(function()
{
$(".comment").click(function(){

var element = $(this);
var id = element.attr("post_id");

$("#"+id).html('<form action="test.php" method="post"><textarea name="body" id="body_'+id+'"></textarea></form>');  

$("#body_"+id).focus();

return false;   

});
});

<a href="#" post_id="17" class="comment">Open</a>
<div id="17"></div>

为什么每次我在textarea中键入内容并单击.comment链接后，textarea的值变为空白，我应该如何保留我输入的内容不被删除？

Answer 1

您需要阻止链接的默认行为，否则重新加载页面：

$(".comment").click(function(e){
    e.preventDefault();
    ...
});

Answer 2

你用这一行覆盖你在div里面的任何html ......

$("#"+id).html('<form action="test.php" method="post"><textarea name="body" id="body_'+id+'"></textarea></form>');

尝试将其改为：

var textArea = $("#body_"+id);
var textAreaValue = textArea.length > 0 ? textArea.val() : '';
$("#"+id).html('<form action="test.php" method="post"><textarea name="body" id="body_'+id+'">'+textAreaValue+'</textarea></form>');

Textarea jquery无法容纳我输入的内容

2 个答案: