2

Хочу чтобы при вводе значения в input, в другом input сразу же отображалось число с первого input переработанное функцией.

function change() {
    var temp = document.getElementById("input1").value;
    document.getElementById("input2").innerHTML = temp * 2;
}
<p>
  <input id="input1" type="number" name="input1" min="0" placeholder="" oninput="change()"></p>
<p>
  <input id="input2" type="number" name="input2" min="0" placeholder="">
</p>

2 ответа 2

5

Необходимо передавать значение input2 в value:

function change() {
    var temp = document.getElementById("input1").value;
    document.getElementById("input2").value = temp * 2;
}
<p>
  <input id="input1" type="number" name="input1" min="0" placeholder="" oninput="change()"></p>
<p>
  <input id="input2" type="number" name="input2" min="0" placeholder="">
</p>

3
  • Спасибо большое, работает. А чем value oт innerHTML отличается?
    – wiaim
    24 янв 2016 в 10:39
  • @WiAim innerHTML изменяет HTML-содержание тега, визуально твой ответ уходил вот сюда s32-temporary-files.radikal.ru/eec99ba1441d4cf3b3b6c56e4d66b203/…:
    – Blacknife
    24 янв 2016 в 10:45
  • 1
    innerHTML подошёл бы для textarea. Ещё для какой-то совместимости со старыми браузерами может быть стоит продублировать функцию в onchange=
    – sercxjo
    24 янв 2016 в 10:57
0
var i = document.createElement('input');
var i2 = document.createElement('input');
i2.oninput = function(){i.value = i2.value}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.