如何调整我的textarea以适应其内容

Question

我有一个textarea，显示来自我的数据库的信息。如何调整textarea以适应数据库中内容的大小。

<textarea  type="" name="comment[]" value="<?php echo $row['comment'];?>" readonly><?php echo $row['comment'];?></textarea>

Answer 1

没有使用至少一些JavaScript我不认为这是可能的。但是，相信您可以在这里找到解决方案：

http://www.impressivewebs.com/textarea-auto-resize/

以下是使用jQuery的示例：

$('#content').on( 'change keyup keydown paste cut', 'textarea', function () {
    $(this).height(0).height(this.scrollHeight);
}).find( 'textarea' ).change();

虽然您可能需要编辑一个位来支持来自数据库的文本。

另一个解决方案是你可以使用一个带有＆＃34; contenteditable＆＃34;属性，这将自动增长，但它不会被视为表单值，如果您需要将此数据发送回服务器，则需要一些额外的代码。

Answer 2

你可以用JS实现这一点，弹性是一个很好的库：

http://unwrongest.com/projects/elastic/