Question

我确信我必须在这里遗漏一些非常愚蠢的东西，但我似乎无法将我的javascript函数中的值传递给我的html表单。

我有以下代码：

global

问题是页面加载了......没有任何事情发生。我在网址中看到的信息却没有别的。我尝试使用.innerHTML而不是.value传递它，但它无济于事。我知道我必须错过一些非常简单的东西，但我似乎无法找到它。

Answer 1

您需要在选项标记上将id替换为value：

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;
  }
}

<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 value="Hanwha">Hanwha 250W</option>
     <option value="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>

将变量从脚本传递到HTML

1 个答案: