2017-09-11 33 views
0

我有一個動態創建的表格並點擊某個模式打開一個按鈕。我第一次點擊任何按鈕,並輸入值:Textarea字符計數器不適用於動態創建的表格

https://imgur.com/a/4YNdO

再下一次,如果我點擊另一個按鈕,它表明:

https://imgur.com/a/pjloi

91個剩餘字符,但它應該顯示100個字符,因爲它是另一種模式。

我的HTML:

<div class="modal-body"> 
    <p><input type="checkbox" name="email" id="email" class="email" > Notify Via Email<br></p> 
    <p><label for="message">Message </label> 
    <textarea rows="3" name="message" id="message" class="form-control input-md message" onclick="remainingChar()"></textarea></p> 
    <div id="textarea_feedback" class="textarea_feedback"></div> 
</div> 

我的jQuery:

function remainingChar(){ 
var text_max = 100 
$('.textarea_feedback').html(text_max + ' characters remaining'); 
$('.message').keyup(function() { 
    var length = $(this).val().length; 
    var length = text_max-length; 
    $('.textarea_feedback').html(length + ' characters remaining'); 
}); 
} 
+0

您需要重置指望按鈕點擊 – Omi

+0

您的'modal-body'div缺少關閉'>' - 這是一個錯字還是您的原始HTML? – freginold

+0

它的錯誤...但>存在於我原來的HTML – divya

回答

0

打電話給你remainingChar()功能上的模態加薪,是這樣的:

$('.raise-modal-button').on('click', function{ 
    remainingChar(); 
    $('.modal-body').show(); 
}); 
+0

謝謝你這麼多工作.. – divya

相關問題