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

Question

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

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

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

 <script type="text/javascript">

 function product(a,b){

      return a*b;

 }

 </script>

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

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

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

1023 8

javascript html

8 ответов:

Comments

Ничего не найдено.

Darin Dimitrov · Accepted Answer · 2011-10-14 10:06:27

вы можете дать вашему скрытому полю идентификатор:
<input type="hidden" id="myField" value="" />
и тогда, когда вы хотите присвоить его значение:
document.getElementById('myField').value = product(2, 3);
убедитесь, что вы выполняете это назначение после полной загрузки DOM, например в window.load событие.

gion_13 · Accepted Answer · 2013-09-30 08:53:57

Если у вас уже есть, что скрытое поле :
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)); 

Jarrett Widman · Accepted Answer · 2011-10-14 10:07:50

вы могли бы сделать нечто подобное:

<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">

collyg · Accepted Answer · 2015-06-02 20:39:55

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

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

в противном случае-если вы хотите использовать jQuery, а не javascript для передачи переменных на вход любого типа, используйте следующее для set значение входного сигнала для события click(),submit() др:

на каком-то событии; назначить или set стоимость входа:
$('#inputid').val($('#idB').text());
где:
<input id = "inputid" type = "hidden" />

<div id = "idB">This text will be passed to the input</div>
используя такой подход, убедитесь, что вход html уже не указывает значение или отключенный атрибут, очевидно.

остерегайтесь различий между .html() и .text() при работе с html-формами.

151291 · Accepted Answer · 2017-02-24 12:06:31

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

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

сценарий :

<script type="text/javascript">
     var year = new Date();
     document.getElementById("year").value=(year.getFullYear());
</script>

simoncereska · Accepted Answer · 2011-10-14 10:07:16

добавить идентификатор для входа
var multi = product(2,3);
document.getElementById('id').value=multi;

nitin · Accepted Answer · 2013-02-02 11:52:15

<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">

william dunlap · Accepted Answer · 2017-05-23 14:57:25

//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;

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