基于两个<select>值的自动触摸字段
基于两个<select>值的自动触摸字段
提问于 2015-06-07 22:24:05
下面是JSFiddle：http://jsfiddle.net/ETYgD/112/
我相信解释我的问题比我将要说的要容易得多：
因此，我在HTML表单中有两个字段，具有一个简单的文本输入。当选择被更改时，我希望文本输入自动更新。我尝试了几种不同的方法，但我似乎无法让它发挥作用。上面的链接是我认为最简单的工作方式。
window.update = function() {
var likelihood = document.getElementById('likelihood'),
impact = document.getElementById('impact'),
final = document.getElementById('final');
if (isNaN(likelihood))
{
return;
}
if (isNaN(impact))
{
return;
}
final.value = parseInt(likelihood.value) * parseInt(impact.value);
}<input id="final" type="text"/>
<br><b>Likelihood</b><br>
<select id="likelihood" onchange="update();" />
<option value="na">Not Available</option>
<option value="5">Very High</option>
<option value="4">High</option>
<option value="3">Moderate</option>
<option value="2">Low</option>
<option value="1">Very Low</option>
<option value="0">None</option>
</select>
<br><b>Impact</b><br>
<select id="impact" onchange="update();" />
<option value="na">Not Available</option>
<option value="5">Very High</option>
<option value="4">High</option>
<option value="3">Moderate</option>
<option value="2">Low</option>
<option value="1">Very Low</option>
<option value="0">None</option>
</select>
谢谢!
Stack Overflow用户
回答已采纳
发布于 2015-06-07 22:37:05
你快到了。likelihood和impact vars都包含HTML。您只需要在检查value是否为数字时才能得到它们。
window.update = function() {
var likelihood = document.getElementById('likelihood'),
impact = document.getElementById('impact'),
final = document.getElementById('final');
if (isNaN(likelihood.value))
{
return;
}
if (isNaN(impact.value))
{
return;
}
final.value = parseInt(likelihood.value) * parseInt(impact.value);
}您的小提琴更新了。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30699078
复制相关文章
相似问题
腾讯云开发者
