Проблема с количеством символов в текстовом поле с использованием Javascript, HTML

Question

В чем проблема этого кода ниже?

<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=""/>

Answer 1

Прямо сейчас вы вызываете getElementById с пустой переменной с именем count_title:

document.getElementById(count_title).value

Но вы хотите найти строку:

document.getElementById("count_title").value

Answer 2

ваш атрибут 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=""/>

Answer 3

Вы пропустили кавычки около count_title, так что это трактовалось как неинициализированная переменная вместо строки.

Просто добавьте их, и все будет работать так, как вы хотели см. В этом jsfiddle .

(обратите внимание, что я также заменил ваши одинарные кавычки на двойные, так как большинство людей так делают)

Answer 4

добавить "" для "count_title":

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