Передача значения переменной javascript в скрытое значение типа ввода

Я хочу присвоить значение произведения двух целых чисел скрытому полю уже в html-документе. Я думал получить значение переменной javascript, а затем передать его в поле ввода типа hidden. Мне трудно объяснить, но вот как это должно работать:

Пример скрипта

 <script type="text/javascript">
 function product(a,b){
      return a*b;
 }
 </script>

выше вычисляет продукт, и я хочу, чтобы продукт был в скрытом поле.

<input type="hidden" value="[return value from product function]">

Как это возможно?

Dave Jarvis
Редактировал вопрос 20-го мая 2013 в 8:40
Программирование
javascript html
14-го октября 2011 в 7:04
39 просмотров
Решение

Вы можете присвоить своему скрытому полю идентификатор:

<input type="hidden" id="myField" value="" />

и затем, когда вы захотите присвоить ему значение:

document.getElementById('myField').value = product(2, 3);

Убедитесь, что вы выполняете это назначение после полной загрузки DOM, например, в событии window.load.

Комментарии (4)

если у вас уже есть этот скрытый вход:

function product(a, b) {
   return a * b;
}
function setInputValue(input_id, val) {
    document.getElementById(input_id).setAttribute('value', val);
}

если нет, вы можете создать его, добавить в тело и затем установить его значение :

function addInput(val) {
    var input = document.createElement('input');
    input.setAttribute('type', 'hidden');
    input.setAttribute('value', val);
    document.body.appendChild(input);
}

А затем вы можете использовать (в зависимости от случая) :

addInput(product(2, 3)); // if you want to create the input
// or
setInputValue('input_id', product(2, 3));
gion_13
Редактировал ответ 30-го сентября 2013 в 5:53
Комментарии (0)

Вы можете сделать нечто подобное: 

<script type="text/javascript">
     function product(a,b)
     {
     return a*b;
     }
    document.getElementById('myvalue').value = product(a,b);
 </script>

 <input type="hidden" value="THE OUTPUT OF PRODUCT FUNCTION" id="myvalue">
Комментарии (0)

Скрытое Поле :

<input type="hidden" name="year" id="year">

Скрипт :

<script type="text/javascript">
     var year = new Date();
     document.getElementById("year").value=(year.getFullYear());
</script>
151291
Редактировал ответ 24-го февраля 2017 в 10:06
Комментарии (0)

Проверьте эту страницу jQuery для некоторые интересные примеры того, как играть с атрибутом Value, и как называют его:

http://api.jquery.com/val/

В противном случае - если вы хотите использовать jQuery, а не JavaScript при прохождении переменных для ввода любого рода, используйте следующую команду, чтобы комплект стоимость входа на мероприятие нажмите кнопку(),представить () и др:

на какое-то событие; назначить и комплект стоимость входа:

$('#inputid').val($('#idB').text());

где:

<input id = "inputid" type = "hidden" />

<div id = "idB">This text will be passed to the input</div>

Используя такой подход, убедитесь, что HTML-ввода уже не указать значение, или инвалида атрибут, очевидно.

Остерегайтесь различия между .HTML-код() и .текст() при работе с HTML-формы.

Комментарии (0)
<script type="text/javascript">
  function product(x,y)
  {
   return x*y;
  }
 document.getElementById('myvalue').value = product(x,y);
 </script>

 <input type="hidden" value="THE OUTPUT OF PRODUCT FUNCTION" id="myvalue">
Pragnesh Chauhan
Редактировал ответ 2-го февраля 2013 в 9:52
Комментарии (0)

добавить идентификатор для входа

var multi = product(2,3);
document.getElementById('id').value=multi;
Комментарии (0)
//prompts for input in javascript
test=prompt("Enter a value?","some string");

//passes javascript to a hidden field.
document.getElementById('myField').value = test;

//prompts for input in javascript
test2=prompt("Enter a value?","some string2");

//passes javascript to a hidden field
document.getElementById('myField').value = test2;

//prints output
document.write("hello, "+test+test2;

теперь это сбивает с толку, но это должно работать...

Ortund
Редактировал ответ 23-го мая 2017 в 11:57
Комментарии (1)