使用Javascript,HTML在文本框中计算字符数

时间:2012-03-14 08:55:20

标签: javascript html html5

以下代码有什么问题?

<textarea id="meta_title" name="meta_title" style="width:550px; height:50px;" onkeypress="document.getElementById(count_title).value=this.value.length;">Test Value</textarea>
<input type="text" style="width:30px" id="count_title" name="count_title" readonly="readonly" value=""/>

3 个答案:

答案 0 :(得分:4)

现在,您使用名为count_title的空变量调用getElementById:

document.getElementById(count_title).value

但是你想搜索一个字符串:

document.getElementById("count_title").value

答案 1 :(得分:1)

您错过了count_title周围的引号,因此将其视为未初始化的变量而非字符串。

只需添加它们就可以像预期的那样see in this jsfiddle

(请注意,我也用双引号替换了你的单引号,因为大多数人都这样做了)

答案 2 :(得分:1)

你的onkeypress属性有语法错误,在document.getElementById("count_title")......中放置双引号     

onkeypress='document.getElementById("count_title").value=this.value.length;'>Test 

Value</textarea>&nbsp;
<input type='text' style='width:30px' id='count_title' name='count_title' 

readonly='readonly' value=""/>