如何增加textarea的行一旦其文本長度大於52

2011-07-17 Yash Mathur

，如果你不希望使用支持正是你所需要的插件，你爲什麼要問我們的幫助？ – genesis

彈性和自動增長有一個默認的高度和寬度，我只希望它增長時，文本的長度如果大於50或52 –

所以看看我的回答 – genesis

<form method="post" action=""> 
<textarea name="text" cols=65 rows=2 value=""> 
</textarea> 
</form><br><br> 
<script> 
    $(function(){ 
     $("textarea").keyup(function(){ 
      if ($(this).val().length > 52) { 
       $(this).attr('rows', '15'); 
      } 
      //$("body").prepend($(this).val().length+'<br>'); 
     }); 
    }); 
</script>

來源

2011-07-17 17:42:44 genesis

它不是真的工作，我想行增加 –

編輯......... – genesis

你有一個錯字。 'lenght'應該是'length'或'size（）'。 – MacMac

您還沒有指定多少行應如何添加想要使用自動增長或JQuery的彈性到textarea，但我希望這回答你的問題。只有已經通過rows屬性在HTML中設置了textarea的默認行數時，此代碼纔有效。

$(function() { 
    var rowsAdded = false; 
    $("#myTextarea").keyup(function() { 
     var textarea = $(this); 
     if (textarea.val().length > 52 && !rowsAdded) { 
      textarea.attr('rows', parseInt(textarea.attr('rows')) + rowsToAdd); 
      // replace rowsToAdd with the number of rows to add to the textarea 
      rowsAdded = true; 
     } 
    }); 
});

來源

2011-07-17 17:58:02 silviubogan

接近但不完全。這將在textarea的長度達到52之後每次添加「rowsToAdd」。因此，如果textarea中已經有52個字符並且用戶輸入「abcd」，rowsToAdd將被添加4次。 http://jsfiddle.net/kasdega/SKmUF/2/ – kasdega

@kasdega你是對的。我編輯了答案，以便「rowsToAdd」只添加一次。謝謝。 – silviubogan

如何：

$(function() { 
    $(".growingTextarea").bind("keyup", function() { 
     var textarea = $(this); 
     var currentRows = parseInt(textarea.attr('rows')); 

     var isScrollable = textarea.scrollTop();   
     if(isScrollable) { 
      textarea.attr('rows', currentRows+1); 
     } 
    }); 
});

http://jsfiddle.net/kasdega/SKmUF/

來源

2011-07-17 21:43:28 kasdega

當然這不會縮小textarea，如果KEYUP是刪除但你沒有要求。 – kasdega

如何增加textarea的行一旦其文本長度大於52

回答

相關問題