textarea的行数根据输入内容调整

最新推荐文章于 2024-04-18 14:46:56 发布

原创最新推荐文章于 2024-04-18 14:46:56 发布 · 3k 阅读

1 ·

CC 4.0 BY-SA版权

WEB前端专栏收录该内容

112 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态调整文本区域行数的方法，确保输入框能够根据文本内容自动扩展，提供更好的用户体验。

                                                        <td colspan="5">
                                                            <textarea rows="2" class="form-control" id="txtActions" onblur="SetTextAreaRows()"></textarea>
                                                        </td>

    function SetTextAreaRows(){ 
        var str =$("#txtActions").val(); 
        //alert( str.split("\n").length-1 );
        var rowscount = str.split("\n").length;
        $("#txtActions").attr("rows",rowscount);
    }