Javascript 将变量从脚本传递到HTML

我肯定我在这里遗漏了一些非常愚蠢的东西，但我似乎无法将值从javascript函数传递到html表单

我有以下代码：

<form class="form">
  <p>Potencia a Instalar (Watts)
    <br />
    <span class="form"><input type="text" name="watts_to_install" value="" size="40" id="watts_to_install" required />
    </span>
  </p>
  <p>Panel a ser utilizado<br />
    <span class="form">
      <select name="panel" class="form" id="panel">
        <option id="Hanwha">Hanwha 250W</option>
        <option id="Sharp">Sharp 250W</option> 
      </select>
    </span>
  </p>
  <button onclick="Process1()">Nivel 1</button>
  <span class="form">
    <p>Potencia Maxima de Panel</p>
    <input type="text" id="max_power" value="">
    <br />
    <p>Cantidad a Instalar</p>
    <input type="text" id="quantity" value="">
  </span>
</form> 

<script type="text/javascript">
function Process1()
{
    var power = document.getElementById('watts_to_install').value;
    var panel = document.getElementById('panel').value;
    switch(panel)
    {
       case 'Hanwha':
          var power_panel = 250;
          var panel_quantity = power/power_panel;

          document.getElementById('max_power').value = power_panel;
          document.getElementById('quantity').value= panel_quantity;
          break;
       case 'Sharp':
          break;
   }
}
</script>

不稳定效价（瓦特）



面板a ser utilizado

韩华250W
夏普250W

第1级
最大药力



不稳定的

函数Process1（）
{
var power=document.getElementById（'watts\u to\u install'）。值；
var panel=document.getElementById（'panel'）。值；
开关（面板）
{
“韩华”案：
无功功率面板=250；
var面板数量=电源/电源面板；
document.getElementById（'max_power'）。value=power_panel；
document.getElementById（'quantity'）。value=panel\u数量；
打破
“夏普”一案：
打破
}
}

---

问题是页面加载后…什么都没有发生。我在我的URL中看到了信息，但没有看到其他信息。我尝试使用.innerHTML而不是.value来传递它，但是没有用。我知道我一定错过了一些非常简单的东西，但我就是找不到它。

您需要将选项标签上的

id

替换为

value

：

函数进程1（）{
var power=document.getElementById（'watts\u to\u install'）。值；
var panel=document.getElementById（'panel'）。值；
开关（面板）{
“韩华”案：
无功功率面板=250；
var面板数量=电源/电源面板；
document.getElementById（'max_power'）。value=power_panel；
document.getElementById（'quantity'）。value=panel\u数量；
打破
“夏普”一案：
打破
}
}

不稳定效价（瓦特）



a组实用程序


韩华250W
夏普250W

第1级
最大药力



不稳定的

您需要将选项标签上的

id

替换为

value

：

函数进程1（）{
var power=document.getElementById（'watts\u to\u install'）。值；
var panel=document.getElementById（'panel'）。值；
开关（面板）{
“韩华”案：
无功功率面板=250；
var面板数量=电源/电源面板；
document.getElementById（'max_power'）。value=power_panel；
document.getElementById（'quantity'）。value=panel\u数量；
打破
“夏普”一案：
打破
}
}

不稳定效价（瓦特）



a组实用程序


韩华250W
夏普250W

第1级
最大药力



不稳定的

太好了，所以它工作得很好！但是，现在我的值只显示了几分之一秒。我怎样才能解决这个问题？不管怎样，那是因为我在使用表单。谢谢太好了，这样效果很好！但是，现在我的值只显示了几分之一秒。我怎样才能解决这个问题？不管怎样，那是因为我在使用表单。谢谢