Поле формы textarea count - PullRequest
       3

Поле формы textarea count

0 голосов
/ 08 сентября 2011

Я нашел следующий JavaScript, который отсчитывает символы в текстовой области и отображает его в другом текстовом поле.Это идеально подходит для того, что мне нужно, за исключением того, что использует имя поля.Мои поля являются массивами (short_descripton[] и long_description[]).Есть ли способ использовать идентификатор поля вместо имени?

<script>
function textCounter(field,cntfield,maxlimit) {
if (field.value.length > maxlimit) // if too long...trim it!
field.value = field.value.substring(0, maxlimit);
// otherwise, update 'characters left' counter
else
cntfield.value = maxlimit - field.value.length;
}
</script>

Вот пример поля:

<textarea id=sd1 rows="2" name="short_description[]">
onKeyDown="textCounter(document.myForm.short_description[],document.myForm.remLen1,125)"
onKeyUp="textCounter(document.myForm.short_description[],document.myForm.remLen1,125)">
</textarea>
<br>
<input readonly type="text" name="remLen1" size="3" maxlength="3" value="125">
characters left

Как всегда, любая помощь будет оценена.

Ответы [ 2 ]

1 голос
/ 08 сентября 2011

Передайте вызов document.getElementById () с нужным идентификатором.

onKeyDown="textCounter(document.getElementById('sd1'),document.myForm.remLen1,125)" onKeyUp="textCounter(document.getElementById('sd1'),document.myForm.remLen1,125)">

1 голос
/ 08 сентября 2011

Конечно, можно!Взгляните:

<textarea id=sd1 rows="2" name="short_description[]"
onKeyDown="textCounter(this,document.getElementById('remLen1'),125)"
onKeyUp="textCounter(this,document.getElementById('remLen1'),125)">
</textarea>
<br>
<input readonly type="text" name="remLen1" id="remLen1" size="3" maxlength="3" value="125">
characters left
  1. В этой области вы можете использовать эту инструкцию для отправки ссылки на объект.объект вместо document.myForm.remLen1 причина не является кросс-браузерным методом, и я боюсь, что он работает только в Internet Explorer.в размере сервера.Этот метод можно избежать опытными пользователями.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...