将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属性以及如何调用它的一些有趣示例:
 否则 – 如果你想使用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; 
现在这是混乱,但这应该工作…