textarea的高度随内容变化而变化

<li class="text"> 
  <span>参赛宣言*</span>
  <textarea  name="txt" id="text"  cols="20" rows="2" placeholder="你忍心看到人家排到队尾吗，求你啦"
  minlength="10" maxlength="200"></textarea>

<!-- rows，显示的框高度2行，设置了最大字符200 -->

 <li >

js。text是textarea的id。这样就可以自适应了

 //设置 参赛宣言textarea 的高度随着 内容 增加 自适应
      $("#text").height($("#text")[0].scrollHeight);
      $("#text").on("keyup keydown", function(){
          $(this).height(this.scrollHeight);
      });

 

转载于:https://www.cnblogs.com/zxcc/p/9474644.html