javascriptの変数値を入力タイプのhidden値に渡す

2つの整数の積の値を、htmlドキュメントの中にある隠しフィールドに割り当てたいと思います。 javascriptの変数の値を取得して、それをinput type hiddenに渡すことを考えています。 説明するのに苦労していますが、このように動作するはずです。

スクリプト例

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

上記は製品を計算し、その製品を隠しフィールドに表示したい。

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

これはどのようにして可能なのでしょうか？

Dave Jarvis
編集された質問 20日 5月 2013 в 8:40
プログラミング
javascript html
14日 10月 2011 в 7:04
17 ビュー
ソリューション

隠されたフィールドにIDを与えることができます。

<input type="hidden" id="myField" value="" />

とし、値を割り当てたいときは

document.getElementById('myField').value = product(2, 3);

この割り当ては、DOMが完全にロードされた後、例えば、window.loadイベントで実行していることを確認してください。

解説 (4)

もし、あなたが既にそのような隠れた入力を持っているならば。

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));
gion_13
編集した答え 30日 9月 2013 в 5:53
解説 (0)

入力用のIDを追加

var multi = product(2,3);
document.getElementById('id').value=multi;
解説 (0)