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响应

回答

相关问题