Pass a javascript variable value into input type hidden value

Question

I would like to assign value of product of two integer numbers into a hidden field already in the html document  I was thinking about getting the value of a javascript variable and then passing it on a input type hidden  I m having a hard time to explain but this is how it should work   Script Example    lt script type  text javascript  gt   function product a b         return a b       lt  script gt    above computes the product and i want the product to be in hidden field    lt input type  hidden  value   return value from product function   gt    How is this possible

User · Answer

lt script type  text javascript  gt    function product x y         return x y       document getElementById  myvalue   value   product x y     lt  script gt     lt input type  hidden  value  THE OUTPUT OF PRODUCT FUNCTION  id  myvalue  gt

User · Answer

if you already have that hidden input     function product a  b       return a   b    function setInputValue input id  val        document getElementById input id  setAttribute  value   val       if not  you can create one  add it to the body and then set it s value      function addInput val        var input   document createElement  input        input setAttribute  type    hidden        input setAttribute  value   val       document body appendChild input       And then you can use depending on the case      addInput product 2  3       if you want to create the input    or setInputValue  input id   product 2  3

User · Answer

You could give your hidden field an id    lt input type  hidden  id  myField  value      gt    and then when you want to assign its value   document getElementById  myField   value   product 2  3     Make sure that you are performing this assignment after the DOM has been fully loaded  for example in the window load event

User · Answer

add some id for an input   var multi   product 2 3   document getElementById  id   value multi

User · Answer

You could do that like this        lt script type  text javascript  gt       function product a b              return a b             document getElementById  myvalue   value   product a b     lt  script gt     lt input type  hidden  value  THE OUTPUT OF PRODUCT FUNCTION  id  myvalue  gt

User · Answer

Hidden Field     lt input type  hidden  name  year  id  year  gt    Script     lt script type  text javascript  gt       var year   new Date         document getElementById  year   value  year getFullYear      lt  script gt

User · Answer

Check out this jQuery page for some interesting examples of how to play with the value attribute  and how to call it   http   api jquery com val   Otherwise - if you want to use jQuery rather than javascript in passing variables to an input of any kind  use the following to set the value of the input on an event click    submit   et al   on some event  assign or set the value of the input       inputid   val     idB   text       where    lt input id    inputid  type    hidden    gt    lt div id    idB  gt This text will be passed to the input lt  div gt    Using such an approach  make sure the html input does not already specify a value  or a disabled attribute  obviously   Beware the differences betwen  html   and  text   when dealing with html forms

User · Answer

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    now this is confusing but this should work

[javascript] Pass a javascript variable value into input type hidden value

Examples related to javascript

Examples related to html