将javascript变量值传递给输入类型隐藏值

IT技术 javascript html
2021-03-11 05:00:49

我想将两个整数的乘积值分配到 html 文档中已有的隐藏字段中。我正在考虑获取 javascript 变量的值,然后将其传递给隐藏的输入类型。我很难解释,但这就是它应该如何工作:

脚本示例

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

上面计算产品,我希望产品在隐藏字段中。

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

这怎么可能?

6个回答

你可以给你的隐藏字段一个 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 属性以及如何调用它的一些有趣示例

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