TextArea的计数字符(从数据库检索)

Question

我正在动态地创建textarea和label的组合，每个组合都有不同的ids。text-1，text-2 ..。对于textarea和lab-1，lab-2，..。对于labels.

每个label显示每个textarea中的字符数。我是通过使用下面的代码来做到这一点的。

function updateCount(textAreaId, labelId) {
    var cs = $('#'+textAreaId).val().length;
    $('#'+ labelId').text(cs);
} 

调用上述函数onkeyUp和onKeyDown上的textarea及其工作状态。

在某些textareas中，我正在填充用户上一次从数据库提交的数据，在这种情况下，它将默认长度显示为，直到某个键在textarea中未按下。

我想在页面一开始就这么做。

Answer 1

您可以手动触发keyup

$('textarea[id^="text-"]').keyup();

确保在将keyup事件绑定到所有textareas后放置这一行

Answer 2

在页面加载中，获取已添加值的文本区域的值。获取值的长度，并从最大长度中减去长度。

$(window).load(function(){
    var length = $('textarea').val().length;
        Maxmlength = maxmlength - length;
      $('span').text(Maxmlength); //element to display the remaiing character.


});

希望这能帮上忙。

Answer 3

    <script>

     $( document ).ready(function() {
        var textAreaId="textArea1";
        $('#'+textAreaId).keyup(function() {
        updateCount(textAreaId, labelId);
       });
    });

    </script>