脚本示例

Question

我想将两个整数的乘积值分配给html文档中已有的隐藏字段。我正在考虑获取javascript变量的值，然后将其传递给隐藏的输入类型。我很难解释，但这应该是如何运作的：

脚本示例

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

以上计算产品，我希望产品处于隐藏领域。

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

这怎么可能？

Answer 1

您可以为隐藏字段添加ID：

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

然后当你想要分配它的值时：

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

确保在DOM完全加载后执行此分配，例如在window.load事件中。

Answer 2

如果您已经有隐藏的输入：

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

Answer 3

你可以这样做：

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

Answer 4

隐藏场：

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

脚本：

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

Answer 5

查看这个jQuery页面，了解如何使用value属性的一些有趣示例，以及如何调用：

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

否则 - 如果您想在将变量传递给任何类型的输入时使用jQuery而不是javascript，请使用以下内容设置输入的值事件click()，submit()等人：

某事件;分配或设置输入值：

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

其中：

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

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

使用这种方法，确保html输入显然没有指定值或禁用属性。

在处理html表单时，请注意.html()和.text()之间的差异。

Answer 6

为输入添加一些ID

var multi = product(2,3);
document.getElementById('id').value=multi;

Answer 7

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

Answer 8

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

现在这令人困惑，但这应该有用......

将javascript变量值传递给输入类型隐藏值

脚本示例

8 个答案: