如何把动态填充数字到输入值字段

问题描述：

我已经动态填充来自外部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>

而不是填充值。

这是从我刚才的问题采用不同的方法，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>

工作！谢谢你，先生。 –

如何把动态填充数字到输入值字段

相关推荐