HTML文本框或帶滾動條的區域，要填充Ajax響應

我需要在HTML頁面中創建固定大小（height and width）文本區域或框。這個區域將充滿Ajax請求的響應。其中一些響應太大而不適合這個區域，因此應該顯示一些滾動條。很高興（但不是必須），用戶應該選擇框中的內容。HTML文本框或帶滾動條的區域，要填充Ajax響應

如何在HTML中達到最佳效果？似乎textarea可能是一個解決方案，但我如何使用height and width而不是col and rows？如果可能的話，我想避免使用僅用於此textarea的表單。我應該使用單獨的Javascript/Jquery庫嗎？

我在查找代碼示例來設計/實現此框。謝謝。

來源

2012-04-01 JVerstry

你可以做

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

，並添加一些CSS樣式

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

你已經有代碼來用Ajax響應文本區域？

來源

2012-04-01 19:22:31 JFK

好的，謝謝，我有試過這個，但它不起作用。但那是因爲我在使用之前刪除了textarea。我的錯。 – JVerstry 2012-04-01 19:34:40

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

來源

2012-04-26 16:41:23 KBN

HTML文本框或帶滾動條的區域，要填充Ajax響應

回答

相關問題