将javascript变量值传递到输入类型隐藏值中
Pass a javascript variable value into input type hidden value
我想将两个整数乘积的值分配到html文档中已经存在的隐藏字段中。我正在考虑获取一个javascript变量的值,然后将其传递给一个隐藏的输入类型。我很难解释,但这就是它应该如何工作:
脚本示例
<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
事件中。
如果您已经有了隐藏的输入:
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);
}
然后你可以使用(取决于情况(:
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">
隐藏字段:
<input type="hidden" name="year" id="year">
脚本:
<script type="text/javascript">
var year = new Date();
document.getElementById("year").value=(year.getFullYear());
</script>
查看这个jQuery页面,了解一些关于如何使用value属性以及如何调用it:的有趣示例
http://api.jquery.com/val/
否则,如果要使用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()
之间的差异。
为输入添加一些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;
现在这很令人困惑,但这应该有效。。。
相关文章:
- 使用模式格式化Number类型输入中的值
- 在 JavaScript 中单击函数时两个日期类型输入之间的差异的代码
- 在codeigneter中按类型输入框显示数据库中的数据
- 已从'上传文件;文件'img字段中未显示类型输入字段
- 如何使用ReactTestUtils设置HTML5文件类型输入
- 检测用户拖动范围类型输入
- 无法在使用 Java 脚本创建的表单中设置提交类型输入
- 按钮类型输入上的点击事件不起作用
- 如何使用javascript更改隐藏类型输入字段的值
- sap.m中的自定义输入类型.输入sap-ui5
- 如何使用jquery动态添加/删除文件类型输入字段
- 提交事件未捕获提交类型输入
- Jquery - info/docs关于适用于表单中不同类型输入元素的属性列表
- 从Mobile Safari'日期/时间类型输入字段触发哪些事件?
- 饼状图II -动态值从范围类型输入
- 我可以在文件类型输入中显示文件大小吗?
- 新的webkit在数字类型输入中将十进制逗号转换为~ dot,反之亦然.该浏览器特性的Javascript名称
- 如何在javascript中验证具有相同名称的多个相同类型输入
- 邮件类型输入:如果邮件错误或正确,动态改变按钮的颜色/文本
- 如何将文件类型输入传递到javascript中,并将其用于另一个php页面