Question

我需要在HTML页面中创建固定大小（height and width）文本区域或框。该区域将填充Ajax请求的响应。其中一些响应太大而无法放入此区域，因此，应显示一些滚动条。很高兴（但不是必须），用户应该选择框的内容。

如何在HTML中实现这一目标？似乎textarea可能是一种解决方案，但我如何使用height and width而不是col and rows？如果可能的话，我希望避免仅为此textarea使用表单。我应该使用单独的Javascript / Jquery库吗？

我正在寻找设计/实现此框的代码示例。感谢。

Answer 1

你可以做到

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

并添加一些CSS样式

.myTextarea {
 width: 300px;
 height: 200px;
}

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

Answer 2

CSS：

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

HTML：

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

OR

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

JQuery：

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
});

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

2 个答案: