Jquery HTML文本框或带滚动条的区域，用Ajax响应填充

我需要在HTML页面中创建一个固定大小（

高度和宽度

）的文本区域或框。该区域将充满来自Ajax请求的响应。其中一些响应太大，无法容纳在此区域内，因此，应显示一些滚动条。很好拥有（但不是必须拥有），用户应该选择框的内容

如何在HTML中达到最佳效果？似乎

textarea

可能是一个解决方案，但是如何处理

高度和宽度

而不是

列和行

？如果可能的话，我希望避免仅为此

textarea

使用表单。我应该使用单独的Javascript/Jquery库吗

我正在寻找代码示例来设计/实现这个盒子。谢谢。

你可以这样做

<textarea class="myTextarea"></textarea>

您是否已经拥有用Ajax响应填充文本区域的代码？

CSS：

.className {
 width: 500px;
 height: 400px;
 overflow: scroll; /*This is not required, if it's a text area*/
}

HTML：

<div class="className"> </div>

---

好的，谢谢，我试过了，但没用。但那是因为我在使用前删除了textarea。我的错。

<div class="className"> </div>

<textarea class=".className"> </textarea>

var ajax_control = jQuery.ajax({
    url: "target.php",
    type: "POST",
    data: {variable_name: variable_value}
});
ajax_control.always(function(){
    $('.className').append(ajax_control.responseText);
        //$('.className').html(ajax_control.responseText);
        //$('.className').val(ajax_control.responseText); // if this is a textarea
});