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