javascript - 如何在更新时显示正确的值

Question

这是我的代码，在插入时工作正常，但在更新时工作不一样。

当我输入任何内容时，插入计数器就会显示 0/500，它会用我输入的字符数替换 0(变成 50/500)。

但在更新时，此 textarea 已填充 50 个字符；在这种情况下，它的光标焦点仍然在 0/500，但是一旦我单击其他地方，我的意思是当 textarea 失去焦点时，它会显示正确的值。

<textarea class="input-text" rows="5" id="gBann" name="reason" maxlength="500"  placeholder="Leave reason " onKeyUp="toCount('gBann','uBann','{CHAR} ',500);" autofocus><?=($this->input->post())?$this->input->post('reason'): $leave_record['reason']?></textarea>
<p><span id="uBann" class="minitext">0</span>/500</p>



<script type="text/javascript">
   function toCount(entrance,exit,text,characters) {  
   var entranceObj=document.getElementById(entrance);  
   var exitObj=document.getElementById(exit);  
   var length=entranceObj.value.length;  
   if(length <= 0) {  
      length = 0;  
      text='<span class="disable"> '+text+' <\/span>';  
      entranceObj.value=entranceObj.value.substr(0,characters);  
   }  
   exitObj.innerHTML = text.replace("{CHAR}",length);  
}
</script>

请为我提供解决方案，说明如何在更新时显示带有/500 的填充字符。

Answer 1

据我了解你的问题，

您可以通过两种方式获得所需的结果。

首先是通过 PHP，如果您将此内容保存在某处，则在更新时您可以直接获取该值并将其回显到此范围。查看有关如何在 PHP 中获取字符串长度的更多信息 here

第二种方法是使用 Javascript，在加载文档后立即检查文本区域的长度。类似下面的内容

var abc = document.getElementById("myTextarea").value.length;

并使用此 abc 变量将其替换为您的计数器。