如何把動態填充數字到輸入值字段

我已經動態填充來自外部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

工作！謝謝你，先生。 –

如何把動態填充數字到輸入值字段

回答

相關問題