jQuery:输入文本剩余的字符计数器

Question

我正在尝试为我的后台input文本编写一个简单的剩余字符计数器,jQuery但它不起作用:

<script type="text/javascript">
$(document).ready(function(){

function text_counter (input_text, target) {
    var max = $(input_text).attr("maxlength");
    $(input_text).keydown (function () {
        var timer = setTimeout (function () {
            var text = $(input_text).text();
            var current = text.length;
            $(target).text(current + "/" + max);
        }, 1);
    });
}               
text_counter ("#description", "#description_counter");

});
</script>

<input id="description" type="text" maxlength="250" value="Default text">
<span id="description_counter"></span>

如果我开始在里面写input,那么span元素会在12/250这里变化并冻结(12 =="默认文本".length).

哪里我错了？

Answer 1

尝试使用val()而不是text()

var text = $(input_text).val();