textarea 高度自适应

六月的雨在Tencent

发布于 2024-03-28 20:30:36

18900

代码可运行

文章被收录于专栏：CSDNCSDN

运行总次数：0

代码可运行

textarea 高度自适应

页面代码

<div class="form-group">	
	<label class="col-sm-3 control-label"><span style="color: red">*</span>模板内容：</label>
	<div class="col-sm-8">
		<textarea id="content" rows="5" name="content" class="form-control" type="text" th:required="true" maxlength="1000"></textarea>
	</div>
</div>

jquery代码

$('#content').on('input', function(e) {
      $(e.target).css('height', 'auto').css('height', this.scrollHeight + 'px');
       //$(this).css('height', 'auto').css('height', this.scrollHeight + 'px');
  });

参考资料： textarea 高度自适应

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-03-28，如有侵权请联系 cloudcommunity@tencent.com 删除

height