Question

我正在动态创建textarea和label的组合，每个组合都有不同的ID。例如：text-1，text-2 ....代表textarea和lab-1，lab-2，....代表label s。

每个label显示每个textarea中的字符数。我是通过使用以下代码来完成的。

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

在onkeyUp上调用上述功能onKeyDown和textarea，并且工作正常。

在一些textareas中，我正在填写用户上次提交数据的数据，在这种情况下，它显示默认长度为 0 ，直到某些键未按下{ {1}}。

一旦页面加载，我就想要它。

Answer 1

您可以手动触发keyup

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

确保在将keyup事件绑定到所有textareas

之后放置此行

Answer 2

在页面加载时，获取已添加值的textareas的值。获取值的长度，并从最大长度中减去长度。

$(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>

计算TextArea的char（从数据库中检索）

3 个答案: