将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;
现在这是混乱,但这应该工作…