javascript - jQuery load() 在 textarea 上没有按预期工作

Question

我正在尝试使用 load() 函数从 PHP 文件中获取用户内容并将其显示在文本区域中，这工作正常但是如果用户在 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']];
?>

Answer 1

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

你可以使用这个:

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

.get()