文本区域的 javascript 字符计数...不起作用，但它适用于 <input type ="text">'s

Question

我的代码旨在向用户显示剩余可用字符数 在文本框和文本区域中。只有代码可以完美地运行 <input type="text">的并且对于 <textarea> 根本不起作用的。

我不知道为什么......我的代码在下面

我的js--

 function toCount(entrance,exit,text,characters) {  
  var entranceObj=getObject(entrance);  
  var exitObj=getObject(exit);  
  var length=characters - 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);  
}  

我的html

<textarea style="overflow-x: hidden;" value="<%=strVariable %>" type="text" id="gBann"       
name="MyName" maxlength="1000" size="1000" rows="8" cols="40"   
onKeyUp="toCount('gBann','uBann','{CHAR} characters remaining',1000);" >  
</textarea>  
<span id="uBann" class="minitext">1000 characters remaining</span>  

Answer 1

您想使用document.getElementById而不是getObject。

因此以下工作有效:

function toCount(entrance,exit,text,characters) {  
    var entranceObj=document.getElementById(entrance);  
    var exitObj=document.getElementById(exit);  
    var length=characters - 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);  
    }