2016-06-07 77 views
3

我正在動態創建textarealabel的組合,每個組合都有不同的ID。例如:text-1,text-2 ....對於textarealab-1,lab-2,...對於label s。TextArea的計數字符(從數據庫中檢索)

每個label顯示每個textarea中的字符數。我正在通過使用下面的一段代碼來做到這一點。

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

調用上方textarea功能onkeyUponKeyDown及其工作的罰款。

在一些textareas的,我從填充用戶上次提交的數據庫,在這種情況下,它顯示的默認長度直到在沒有一些關鍵的textarea按下的數據。

我希望一旦頁面加載。

+0

你可以顯示keyUp事件嗎? – void

+0

在keyDown和keyUp上同時調用updateCount(textAreaId,labelId) – tarun14110

回答

2

您可以手動觸發keyup

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

確保把該行的keyup事件綁定到所有textareas

0

在頁面加載後,獲得其中已經增值的文字區域的價值。獲取該值的長度,並從最大長度中減去長度。

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


}); 

希望這會有所幫助。

0
<script> 

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

    </script>