如何使用HTML下拉菜单使用javascript进行计算?

如何使用HTML下拉菜单使用javascript进行计算?,javascript,forms,Javascript,Forms,我试图让这个简单的计算器计算税率,但我显然遗漏了一些东西,因为我无法让它工作 函数millrate(){ var评估=document.getElementById(“评估”); var millrate=document.getElementById(“millrate”); 风险价值税=评估*百万税率/1000; document.getElementById(“taxes”).innerHTML='Tax Amount=$'+taxes; } 合并评估金额: 纳税年度: 2017 20

我试图让这个简单的计算器计算税率,但我显然遗漏了一些东西,因为我无法让它工作

函数millrate(){
var评估=document.getElementById(“评估”);
var millrate=document.getElementById(“millrate”);
风险价值税=评估*百万税率/1000;
document.getElementById(“taxes”).innerHTML='Tax Amount=$'+taxes;
}

合并评估金额:

纳税年度:
2017 2016 2015 2014 2013

单击此处可计算税额


两件事-按钮在表单中,您需要从输入中获取值并将其解析为数字。然后您可以进行计算并返回结果

函数millrate(){
var评估=parseFloat(document.getElementById(“评估”).value);
var millrate=parseFloat(document.getElementById(“millrate”).value)/1000;
风险价值税=评估*百万税率;
document.getElementById(“taxes”).innerHTML='Tax Amount=$'+taxes;
}

合并评估金额:

纳税年度:
2017 2016 2015 2014 2013

单击此处可计算税额

您的
millrate()
函数:在命名变量时要具有描述性-您可以随时在以后最小化。因此,在您的案例中,
var assessment
实际上应该命名为
assessmentElement

然后输入
元素,特别是类型
文本
数字
密码
,等等。将它们设置为正确的类型(对于UI),然后可以通过多种方式在逻辑(JS)中进行清理/验证,例如使用
类型的

最后,您真的不需要提交按钮。只需将一个
change
侦听器附加到select/下拉列表中,即可显示选项选择的结果

最后,去掉
表单
元素包装器。使用
字段集
<代码>表单
有很多隐藏的烘焙功能,我发现这些功能更容易避免

希望有帮助