-1 
<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>

テキストエリアに何かを入力して .comment リンクをクリックするたびに、テキストエリアの値が空白になるのはなぜですか?入力した内容が削除されないようにするにはどうすればよいですか?

4

2 に答える 2

0

この行で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>');
于 2013-06-18T14:34:28.997 に答える
0

リンクのデフォルトの動作を防ぐ必要があります。そうしないと、ページがリロードされます。

$(".comment").click(function(e){
    e.preventDefault();
    ...
});
于 2013-06-18T14:13:51.143 に答える