代码之家  ›  专栏  ›  技术社区  ›  hekevintran

自动扩展文本区域

  •  1
  • hekevintran  · 技术社区  · 15 年前

    当文本区域中的文本超过可显示的文本时,它将显示滚动条。如何使文本区域在文本超过显示范围时自动扩展。我的目标是永远不要出现滚动条。首选jQuery解决方案。

    3 回复  |  直到 15 年前
        1
  •  3
  •   Eton B.    15 年前

    下面是一个工作示例:

    http://blogs.sitepointstatic.com/examples/tech/textarea-expander/index.html

    它包含可下载的代码以及实现指令。

        2
  •  2
  •   g023    14 年前

    http://jacklmoore.com/autosize/

    // Example:
    $(document).ready(function(){
        $('textarea').autosize();    
    });
    

    就这么简单。我想是8)。

        3
  •  0
  •   Enigma Plus    13 年前

    我在autosize()上遇到了一些问题,所以我使用了一个稍微不同的方法,我只是在发布,以防它对其他人有用

    function updateAddressHeight() {
       var lineHeight=16; //Whatever you need
       address = $("#Address").val()
       lines = address.split("\n");
    
       $("#Address").height( (lines.length * lineHeight) );
    } //funct
    
    $(document).ready(function(){
        $("#Address").change( function() {
            updateAddressHeight();
        });
    
        updateAddressHeight();
    })