Ajaxレスポンスで埋められるHTMLテキストボックスまたはスクロールバー付き領域

Question

HTMLページに固定サイズ（height and width）のテキスト領域またはボックスを作成する必要があります。この領域には、Ajaxリクエストからの応答が格納されます。これらの応答の中には大きすぎてこの領域に収まらないものもあるため、スクロールバーをいくつか表示する必要があります。いいですが（持っている必要があります）、ユーザーはボックスの内容を選択する必要があります。

これをHTMLでどのように実現するには？ textareaは解決策になりそうですが、height and widthではなくcol and rowsとはどのように動作しますか？可能であれば、私はこのtextareaのためだけにフォームを使用する必要がないようにしたいと思います。代わりに別のJavascript/Jqueryライブラリを使用する必要がありますか？

私は、このボックスを設計/実装するためのコード例を探しています。ありがとう。

Answer 1

あなたは

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

を行うことができ、

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

いくつかのCSSスタイルを追加し、あなたはすでに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 
});