[英]Passing variable from script to 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>
问题是页面加载......没有任何事情发生。 我在网址中看到的信息却没有别的。 我尝试使用.innerHTML而不是.value传递它,但它无济于事。 我知道我必须遗漏一些非常容易的东西,但我似乎无法找到它。
您需要在选项标记上将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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.