Javascript TextArea的计数字符(从数据库检索)
我正在动态创建Javascript TextArea的计数字符(从数据库检索),javascript,jquery,html,Javascript,Jquery,Html,我正在动态创建文本区域和标签的组合,每个组合都有不同的ID。e、 g:text-1,text-2。。。。对于textarea和lab-1,lab-2。。。。对于标签s 每个标签显示每个文本区域中的字符数。我使用下面的代码来实现这一点 function updateCount(textAreaId, labelId) { var cs = $('#'+textAreaId).val().length; $('#'+ labelId').text(cs); } 在textarea
文本区域
和标签
的组合,每个组合都有不同的ID。e、 g:text-1
,text-2
。。。。对于textarea
和lab-1
,lab-2
。。。。对于标签
s
每个标签
显示每个文本区域
中的字符数。我使用下面的代码来实现这一点
function updateCount(textAreaId, labelId) {
var cs = $('#'+textAreaId).val().length;
$('#'+ labelId').text(cs);
}
在textarea
上调用上述函数onkeyUp
和onKeyDown
,其工作正常
在一些textarea
中,我正在填充用户上次从数据库提交的数据,在这种情况下,默认长度显示为0,直到textarea
中的某个键未按下为止
我希望在页面加载后立即执行此操作。您可以手动触发
keyup
$('textarea[id^="text-"]').keyup();
确保将
键控
事件绑定到所有文本区域
后,在页面加载时放置此行,获取已添加值的文本区域的值。获取值的长度,然后从最大长度中减去长度
$(window).load(function(){
var length = $('textarea').val().length;
Maxmlength = maxmlength - length;
$('span').text(Maxmlength); //element to display the remaiing character.
});
希望这会有所帮助。
<script>
$( document ).ready(function() {
var textAreaId="textArea1";
$('#'+textAreaId).keyup(function() {
updateCount(textAreaId, labelId);
});
});
</script>
$(文档).ready(函数(){
var textAreaId=“textArea1”;
$('#'+textAreaId).keyup(函数(){
updateCount(textAreaId,labelId);
});
});
能否显示keyUp事件?updateCount(textAreaId,labelId)在keyDown和keyUp上都被调用