Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将javascript变量值传递到输入类型隐藏值_Javascript_Html - Fatal编程技术网

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

将javascript变量值传递到输入类型隐藏值,javascript,html,Javascript,Html,我想将两个整数的乘积的值赋给html文档中已经存在的一个隐藏字段。 我在考虑获取javascript变量的值,然后将其传递给一个隐藏的输入类型。 我很难解释,但这就是它的工作原理: 脚本示例 功能产品(a、b){ 返回a*b; } 上面计算产品,我希望产品在隐藏字段中 <input type="hidden" value="[return value from product function]"> 这怎么可能呢?您可以为隐藏字段指定一个id: <input type

我想将两个整数的乘积的值赋给html文档中已经存在的一个隐藏字段。 我在考虑获取javascript变量的值,然后将其传递给一个隐藏的输入类型。 我很难解释,但这就是它的工作原理:

脚本示例

功能产品(a、b){
返回a*b;
}
上面计算产品,我希望产品在隐藏字段中

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


这怎么可能呢?

您可以为隐藏字段指定一个id:

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

确保在DOM完全加载后执行此分配,例如在
窗口中。加载
事件中。

为输入添加一些id

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

如果已经有该隐藏输入:

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);
}
然后您可以使用(取决于具体情况):


你可以这样做:

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

功能产品(a、b)
{
返回a*b;
}
document.getElementById('myvalue')。value=产品(a,b);

函数积(x,y)
{
返回x*y;
}
document.getElementById('myvalue')。value=product(x,y);
隐藏字段:

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

脚本:

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

变量年份=新日期();
document.getElementById(“year”).value=(year.getFullYear());

查看此jQuery页面,了解一些有关如何使用value属性以及如何调用它的有趣示例:

否则-如果要使用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()
之间的差异

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

现在这很让人困惑,但这应该是可行的…

请在以后的回答中尽量减少困惑:)
<script type="text/javascript">
     var year = new Date();
     document.getElementById("year").value=(year.getFullYear());
</script>
$('#inputid').val($('#idB').text());
<input id = "inputid" type = "hidden" />

<div id = "idB">This text will be passed to the input</div>
//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;