textarea 读取数据自动显示内容高度

u010072032 2013-07-01 10:48:29

<textarea name="Area" id="TextArea" class="TextArea"><%=content%></textarea>

在读取数据库信息后自动显示内容后的高度。并在输入信息时自动增加高度。请高手指点啊。。

...全文

1090 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

yy2433720 2013-07-03

打赏
举报

在后台写方法，加一条内容，把textarea 的高属性就+多少

u010072032 2013-07-01

打赏
举报

u010072032 2013-07-01

打赏
举报

烦的是在读取数据的时候要自动显示内容后的高度啊，不要滚动条，

人称猪 2013-07-01

打赏
举报

把其宽度设置死了看看

喂大的程序员 2013-07-01

打赏
举报

把滚动条禁用，设置固定宽度，插入不定量内容，看效果

dengchenlu 2013-07-01

打赏
举报

貌似只能设定宽高，然后滚动条

wesheng 2013-07-01

打赏
举报

用DIV模拟个TEXTAREA不可以吗？

饕餮123 2013-07-01

打赏
举报

想怎么设，就怎么设

饕餮123 2013-07-01

打赏
举报

额怎么你们还纠结啊，用div啊复制看效果


<html>
  <head>
    <title>设置DIV边框 和 使其可编辑</title>
    <meta http-equiv="content-type" content="text/html; 

charset=GBK">
</head>
<body>
        <div id="result" style="min-height:28px;height:auto !

important;height:28px;overflow:visible;width:100px;
overflow:visible;
font-size:11pt;font-family:宋体;color:black;word-break:break-

all;word-wrap:break-word;cursor:text;
text-align:left;border:1px black solid;">
        </div>
 </body>
    <script type="text/javascript">
//设置div 可编辑
function setDivCanEdit() {
document.getElementById("result").contentEditable = true;//使DIV可编

辑
document.execCommand('2D-Position', true, true); 
}
setDivCanEdit();
</script>
</html>

一片冰心在玉壶 2013-07-01

打赏
举报

引用 4 楼 u010072032 的回复:

烦的是在读取数据的时候要自动显示内容后的高度啊，不要滚动条，

计算字体高度宽度然后更具text宽度计算出几行再然后你就可以设置宽度了

喂大的程序员 2013-07-01

打赏
举报

引用 11 楼 zifengshen1981 的回复:


<script type="text/javascript">
        function load() {
            var textarea = document.getElementById("textarea");
            textarea.style.posHeight = textarea.scrollHeight;
        }
    </script>
<body onload = "load();">
    <form id="form1" runat="server" >
       <div >
            <textarea id="textarea" style="overflow:hidden">在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。 在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。  </textarea>          </div>
    </form>
</body>

在事件频繁出发的时候，框会变高修改document.getElementById("TextBox1").style.posHeight = document.getElementById("TextBox1").scrollHeight-4; 就好了

紫魂一号 2013-07-01

打赏
举报

在上面的基础上加个onchange事件


<textarea id="textarea" style="overflow:hidden" onchange="load();"> </textarea>

紫魂一号 2013-07-01

打赏
举报


<script type="text/javascript">
        function load() {
            var textarea = document.getElementById("textarea");
            textarea.style.posHeight = textarea.scrollHeight;
        }
    </script>
<body onload = "load();">
    <form id="form1" runat="server" >
       <div >
            <textarea id="textarea" style="overflow:hidden">在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。 在这里输入一些字符看一下，当超出初设的文本域高度时，文本域自动伸缩变高。  </textarea>          </div>
    </form>
</body>

饕餮123 2013-07-01