Введение : Есть два экземпляра textarea, и два счётчика под ними. Так же есть один общий обработчик количества символов, написанный на JQuery.
Проблема в том, что при вводе текста в один из textarea, количество символов дублируется в двух счётчиках одновременно, а нужно чтобы каждый счётчик работал со своим экземпляром textarea по отдельности.
P.S : Так же хотелось бы узнать, как сделать чтобы счётчик выводил значение из textarea заранее, без необходимости ввода в поле хотя-бы одного символа (То-есть чтобы нормально работать с данными которые берутся из БД)
Код (JS) :
$('textarea').on("input", function() {
var maxlength = $(this).attr("maxlength");
var currentLength = $(this).val().length;
$('[id*=chars_current_]').html(maxlength - currentLength);
$('[id*=chars_total_]').html(maxlength);
});
Код (HTML) :
<span class="small">
<span id="chars_current_1">0</span>
/
<span id="chars_total_1">0</span>
</span>
<label>
<textarea maxlength="640"></textarea>
</label>
Второй экземпляр :
<span class="small">
<span id="chars_current_2">0</span>
/
<span id="chars_total_2">0</span>
</span>
<label>
<textarea maxlength="140"></textarea>
</label>