将javascriptvariables值传递给inputtypes的隐藏值

我想将两个整数的乘积的值赋给已经在html文档中的隐藏字段。 我正在考虑获取JavaScriptvariables的值,然后将其传递给隐藏的inputtypes。 我很难解释,但这是如何工作的:

脚本示例

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

以上计算产品,我想产品在隐藏领域。

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

这怎么可能?

你可以给你隐藏的领域一个id:

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

然后当你想分配它的值:

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

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

如果你已经有了这个隐藏的input:

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

如果没有,你可以创build一个,将其添加到主体,然后设置它的值:

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

你可以这样做:

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

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

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

否则 – 如果你想使用jQuery而不是javascript将variables传递给任何types的input,请使用以下命令设置事件click() ,input submit()等的input值:

在某些事件上; 分配或设置input的值:

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

哪里:

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

使用这种方法,确保htmlinput没有明确指定值或禁用属性。

处理html表单时,请注意.html().text()的差异。

隐藏字段:

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

脚本:

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

为input添加一些ID

 var multi = product(2,3); document.getElementById('id').value=multi; 
 <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"> 
 //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; 

现在这是混乱,但这应该工作…