如何更新HTML与新的输入值设置与javascript

How to update HTML with new input value set with javascript?

本文关键字：输入 javascript 设置 HTML 何更新 更新      更新时间：2023-09-26

抱歉，如果这是一个重复的问题，但我无法找出这个词更好地执行搜索。为了进一步解释，我有一些具有默认值的禁用输入，几乎是显示文本的输入。我选择了这种方法，而不仅仅是使用<p>等，因为我正在为客户制作这个，并希望将来能够使这些字段使它们可编辑。无论如何，在javascript中计算一些数据后，这些输入字段的值被改变(当然是通过javascript)，但不更新屏幕上的值。值正在更新，因为计算正确，但是HTML部分没有更新。如果我需要解释更多，请评论，但下面我会张贴HTML和javascript代码。

编辑为了更好地描述这一点，下面是我的HTML在浏览器中显示的一个例子:Inverter Service Fees $ 0.00当我调用javascript函数时，它改变了输入的值，但web浏览器仍然显示Inverter Service Fees $ 0.00，我希望它显示Inverter Service Fees $ (updated value)希望这更有意义!

<tr>
  <td>Inverter Service Fees <i class='fa fa-info-circle fa-lg' title='Labor and gas are included.'></i></td>
  <td align='right'>$ <input  id='inputServiceFees' value='0.00' disabled></td>
</tr>
Javascript

inputServiceFees = parseFloat(document.getElementById('inputServiceFees').value, 10);
inputServiceFees = varServiceFees;
inputServiceFees.value = varServiceFees;
inputServiceFees.innerHTML = varServiceFees;

我不确定你是否故意遗漏了javascript的一部分，但它可能看起来像这样工作:

document.getElementById('inputServiceFees').value = varServiceFees;

@tuberider是正确的，你错过了添加document.getElementById('inputServiceFees').value

试试下面的代码

Javascript代码

<script>
 var varServiceFees = 3029;
 document.getElementById('inputServiceFees').value = varServiceFees;
</script>


<tr>
  <td>Inverter Service Fees <i class='fa fa-info-circle fa-lg' title='Labor and gas are included.'></i></td>
  <td align='right'>$ <input  id='inputServiceFees' value='0.00' disabled></td>
</tr>

对于输入标签，您可以使用两种方式设置值。getElementById或getElementByName .

For你可以试试这个，因为你已经使用id作为属性:-

<script>
document.getElementById('inputServiceFees').value=varServiceFees;
<script>
相关文章：