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

Posted 2023-05-07

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

【英文标题】：HTML text box or area with scrollbars, to be filled with Ajax response

【发布时间】：2012-04-15 13:55:27

【问题描述】：

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

如何在 HTML 中做到最好？似乎textarea 可能是一个解决方案，但我如何使用height and width 而不是col and rows？如果可能的话，我想避免只为这个textarea 使用表格。我应该改用单独的 javascript/Jquery 库吗？

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

【参考方案1】：

你可以的

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

并添加一些 CSS 样式

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

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

【讨论】：

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

【参考方案2】：

CSS：

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

HTML：

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

或

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