Как вернуть значение в input?

298
14 апреля 2017, 22:42

Как можно не получить, а вернуть значение в input?

Например (может быть не супер пример, но думаю суть ясна): HTML:

<input type="number" id="firstNum">
<input type="number" id="result">
<input type="submit" onclick="CalculateNums()">

JS:

function CalculateNums() {  
    var a = document.getElementById("firstNum").value;  
    var b = 5;
    var c = document.getElementById("result").value;
    c = a + b;   
    return c;  
}  

Нужно чтобы взяло значение из 1-го input'a, добавило к нему 5 и вывело результат в второй input

Я начинающий программист, пробовал сам, гуглил, но ничего не получается.

Answer 1

Изменяя переменную c, вы изменяете содержимое самой переменной, а не value у блока.

function CalculateNums() {   
    var a = parseFloat( document.getElementById("firstNum").value );   
    var b = 5; 
     
    document.getElementById("result").value = a + b;    
    var c = document.getElementById("result").value; 
     
    return c;   
};
<input type="number" id="firstNum"> 
<input type="number" id="result"> 
<input type="submit" onclick="CalculateNums()">

И ещё: нужно value приводить в цифренный формат, так-как при получении оно выводит не цифры, а строку

Answer 2

Для того, чтобы установить значение поля ввода (элемента input), нужно присвоить значение его свойству value

function CalculateNums() {  
    var a = document.getElementById("firstNum").value;  
    var b = 5;
    var c = document.getElementById("result"); // получаем весь элемент, а не его текущее значение
    c.value = a + b; // устанавливаем свойство value
    return c;  // в данном случае использовать return не обязательно
} 
Answer 3

Так?

function saveInputValue() { return input(); }
Answer 4

Записать просто в поле value

document.getElementById("result").value = c;
READ ALSO
JS сохранить GET запрос после замены истории, при перезагрузке страницы

JS сохранить GET запрос после замены истории, при перезагрузке страницы

ЗдравствуйтеВозможно ли сохранить GET при перезагрузке страницы после изменения истории:

249
Не могу передать изображения на сервер

Не могу передать изображения на сервер

Есть несколько полей такого типа <input type="file" name="file1">в которых я выбираю изображенияМне нужно с помощью ajax залить их на imgur, а ссылку вернуть...

240
Как обернуть каждый элемент в контейнер jQuery

Как обернуть каждый элемент в контейнер jQuery

Мне нужно выбрать все элементы a обернуть кадлый из них в li и добавить в ul с id="menu"

263