javascript - jQuery load()在textarea上无法按预期工作

我正在尝试使用load()函数从PHP文件中获取用户内容，并在textarea中显示它，这很好，但是如果用户事先在texarea中输入内容，则相同的过程将无法正常工作。有人有解决方案吗？

例如：在textarea中键入某些内容，然后单击不会改变texarea内容的链接。

提前致谢

的HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script type="text/javascript">
function show_content(display_field, id)
{
    $('#' + display_field).load('data.php?id=' + id);
}
</script>


<a href="#nogo" onClick="show_content('content_area', '1')" title="View">User 1</a>
<a href="#nogo" onClick="show_content('content_area', '2')" title="View">User 2</a>
<a href="#nogo" onClick="show_content('content_area', '3')" title="View">User 3</a>

<textarea id="content_area" rows="10" cols="10"></textarea>

的PHP

<?php
$content[1] = 'This belongs to User 1';
$content[2] = 'This belongs to User 2';
$content[3] = 'This belongs to User 3';

echo $content[$_GET['id']];
?>

最佳答案

您的问题是load()设置了html而不是value。

您可以使用此：

function show_content(display_field, id) {
    $.get( 'data.php?id=' + id, function( data ) {
        $('#' + display_field).val(data);
    });
}

.get()