入力値フィールドに動的に入力された数値を入力する方法

外部のjsファイルから値が動的に入力されています。値はHTMLページで呼び出すとうまくいきますが、入力フィールドにこの値が表示されるようにしています。ここで入力値フィールドに動的に入力された数値を入力する方法

は私のHTMLです：上部の

<form action="../mail.php" method="POST" class="location-form"> 

     <div class="device-details"> 
      <h2>Device: iPhone5</h2> 
      <h2>Repair Cost: <span id="result">0</span></h2> 
     </div> 

     <input name="device" type="hidden" id="device" value="iPhone5" maxlength="20"> 
     <input name="cost" type="hidden" id="cost" value="" maxlength="20"> 

     <div class="submit-btn"> 
      <input type="submit" value="Submit Request" /> 
     </div> 

    </form> 

    <script> 
    document.getElementById("result").innerHTML = localStorage.getItem("sum"); 
    </script>

、DIV「デバイスの詳細」で、H2「修理費」には、何の問題をうまく値を移入されません。しかし、私は最後の入力にこの値を設定することはできません。

<input name="cost" type="hidden" id="cost" value="(need the value here)" maxlength="20">

私は、電子メールアドレスにその値を送信するために、上部に修理費用の値を模倣するために、入力フィールドの値を必要とします。

は私が値に次を挿入しようとしたのだが、

value="<span id='result'>0</span>"

を動作しませんでした私は、PHPの変数を作成し、値フィールドに変数を入れて試してみた、それはしませんでした

<?php 
    $my_var = '<span id="result">0</span>'; 
?> 

value="<?php echo '$my_var'); ?>"

を働く私も試してみた：

value="<?php echo htmlspecialchars($my_var); ?>"

これらの最後の二つはただ実際のHを返さTMLコード

<span id="result"></span>

の代わりに、値が入力されています。

出典

2016-07-05 cup_of

これが私の前の質問は異なるアプローチであり、http://stackoverflow.com/questions/38193757/how-to-email-dynamic-block-of-html-code?noredirect=1#comment63813800_38193757 –

入力値にhtml（spanタグ）が必要か 'sum'の値だけが必要ですか？ – mfink

表示する入力は何ですか？0？ – StaticBeagle

これを試してください。

<!DOCTYPE html> 
<html> 
<body onload="abc()"> 
<form action="../mail.php" method="POST" class="location-form"> 

      <div class="device-details"> 
       <h2>Device: iPhone5</h2> 
       <h2>Repair Cost: <span id="result">0</span></h2> 
      </div> 

      <input name="device" type="hidden" id="device" value="iPhone5" maxlength="20"> 
      <input name="cost" type="hidden" id="cost" value="" maxlength="20"> 

      <div class="submit-btn"> 
       <input type="submit" value="Submit Request" /> 
      </div> 

     </form> 

     <script> 

     function abc(){ 
     document.getElementById("result").innerHTML=localStorage.getItem("sum"); 
     document.getElementById("cost").value = localStorage.getItem("sum"); 
     } 
     </script> 

    </body> 
</html>

出典

2016-07-05 02:41:19

は機能しました！ありがとうございました。 –

入力値フィールドに動的に入力された数値を入力する方法

答えて

関連する問題