使用jQuery限制textarea中的行数和显示行数

$(document).ready(function() {
  var maxRows = 5; // 设置最大行数
  var lineHeight = parseInt($('#myTextarea').css('line-height')); // 获取行高
  var maxHeight = maxRows * lineHeight; // 计算最大高度

  $('#myTextarea').on('input', function() {
    var textareaHeight = this.scrollHeight; // 获取textarea的实际高度
    if (textareaHeight > maxHeight) {
      $(this).css('height', maxHeight); // 超过最大高度时，设置固定高度
      $(this).css('overflow-y', 'scroll'); // 显示垂直滚动条
    } else {
      $(this).css('height', textareaHeight); // 否则，根据内容自动调整高度
      $(this).css('overflow-y', 'hidden'); // 隐藏垂直滚动条
    }
  });
});