Jquery を使ってtextareaが全文表示されるように自動的に高さを調整する

HTMLで定義したサイズよりは小さくしない
何かご意見がある人は、コメントを書いてください

  <script type=”text/javascript”>
//<![CDATA[
 $(document).ready(function(){
 $(“textarea”).each( function (e)
  {
     var value = $(this).val();
     var orow = $(this).attr(“rows”);
     var cols = $(this).attr(“cols”);
     $(this).attr(“orows”,orow)
     var rows = value.split(“\n”);
     var nrow = rows.length;
     var r = 0;
     for(var i in rows)
     {
      if(rows[i].length >= cols)
      {
       r = (rows[i].length) / cols;
       nrow += r;
      }
     }
     if(orow < nrow) $(this).attr(“rows”,nrow);
  } );
 
 $(“textarea”).keydown( function (e)
  {
     var value = $(this).val();
     var cols = $(this).attr(“cols”);
     var rows = value.split(“\n”);
     var nrow = rows.length;
     var r = 0;
     for(var i in rows)
     {
      if(rows[i].length >= cols)
      {
       r = (rows[i].length) / cols;
       nrow += r;
      }
     }
     var orow = $(this).attr(“orows”)
     if(orow < nrow) $(this).attr(“rows”,nrow);
  } );
 });
//]]>
  </script>

コメントを書く

*

全自動マージャン卓
10万円未満で買える
折りたたんで収納


会社に1台

AMAZON