Блог

Главная - Вопросы по программированию - Показывать содержимое двух текстовых полей в третьем текстовом поле в режиме реального времени

Показывать содержимое двух текстовых полей в третьем текстовом поле в режиме реального времени

#javascript

#javascript

Вопрос:

У меня есть 2 текстовых поля: Box1 и Box2.

Используя JavaScript, я хотел бы, чтобы третье поле отображало: «Содержимое ящика размером 1 метр x содержимое ящика размером 2 метра» в режиме реального времени.

Ответ №1:

Разместите событие onchange в обоих ваших текстовых полях следующим образом

 <input id="text1" onchange="modifyText3" />
<input id="text2" onchange="modifyText3" />
<input id="text3" />

Тогда ваш javascript был бы

 function modifyText3()
{
    var val1 = document.getElementById("text1").value;
    var val2 = document.getElementById("text2").value;
    document.getElementById("text3").value = val1   " meter x "   val2   " meter";
}

Надеюсь, это поможет.

Комментарии:

1. Я полагаю, вы имеете в виду «document.getElementById(«text3″).value»?

2. Эш, я думаю, ты хочешь » » вместо «amp;» при объединении значений и строк.

3. @Michael — Извините, ошибка копирования и вставки :). @Wesley — Еще раз извините, просто кодировал на vbscript 🙂

4. У меня создалось впечатление, что .getElementById функционирует только для ‘ids’, тогда как здесь вы вызываете его для атрибута name. Я полагаю, каждый день узнавать что-то новое

Ответ №2:

Создайте 3 текстовых поля и добавьте js-функцию «changeOutput» при событии onChange для 2 полей ввода.

 <input id="input1" onchange="changeOutput()" value="" />
<input id="input2" onchange="changeOutput()" value="" />
<input id="output" value=""/>

И функция javascript является

 function changeOutput(){
    var input1 = document.getElementById("input1").value;
    var input2 = document.getElementById("input2").value;
    document.getElementById("output").value = val1   " metre x "   val2   " metre";
}