我的代码旨在向用户显示剩余可用字符数
在文本框和文本区域中。只有代码可以完美地运行 <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>
最佳答案
您想使用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);
}
关于文本区域的 javascript 字符计数...不起作用,但它适用于 <input type ="text">'s,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4476642/