Question

我有一个动态创建的表格，点击一个按钮就会打开一个模态。我第一次点击任何按钮并输入值：

然后下次如果我点击另一个按钮，它会显示：

剩余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');
});
}

Answer 1

在模态加注时调用remainingChar()函数，例如：

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

Textarea字符计数器不能动态创建表

1 个答案: