禁用textarea显示整个文本

时间:2014-10-08 14:58:40

标签: javascript jquery html css css3

我有一个已停用的textarea,其中包含未知数量的文字,因为它与评论一起使用。例如,

<textarea class="col-md-10 col-sm-12 col-xs-12" disabled="true">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tortor sapien, convallis id molestie at, egestas et ex. Mauris sagittis lorem ut nunc commodo scelerisque. Sed congue, est in mattis vulputate, mi mauris facilisis lorem, in volutpat mi urna ac libero. Ut tempus nulla sed massa ullamcorper aliquam. Nullam laoreet purus vel mi feugiat, luctus vestibulum nunc vestibulum. Nulla lacinia sapien eu velit semper tristique et eu est. Aliquam sit amet facilisis mi. Nullam nec ullamcorper orci, auctor accumsan nibh. Morbi quis lacus velit. Nullam aliquet turpis quam, in pharetra lacus sodales at. Suspendisse id neque sed dui commodo aliquet. Vivamus blandit eleifend interdum. Morbi ac odio nulla. Mauris cursus ultrices ex, in placerat risus. Ut dictum justo a magna ornare pharetra.
</textarea>

问题是因为textarea被禁用,用户不清楚在使用IE时他们可以使用箭头滚动。我想要做的解决方案是显示所有文本,因此无需滚动。我无法找到一种方法来迫使textarea一路爆炸。

如何在文本框中显示所有文字? Javascript和jQuery是开放使用的,但它需要适用于所有浏览器,包括移动设备和IE9。

3 个答案:

答案 0 :(得分:1)

将文字放入div并将其设置为带{CSS的textarea样式。

答案 1 :(得分:0)

使用CSS:

textarea {
    overflow:hidden;
    width:auto;
    height:auto;

简单:)。顺便说一句,对于残疾文本区域来说,更短的版本是:

<textarea disabled>

答案 2 :(得分:0)

您可能想要使用像这样(或类似)的jQuery插件来更改textarea的高度: http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

顺便说一句,它是disabled="disabled",而不是disabled="true"