删除我的按钮并让JavaScript自动计算

删除我的按钮并让JavaScript自动计算,javascript,html,Javascript,Html,我的问题是,我似乎无法删除这个按钮,让我的价格自动计算 我已经尝试了很多方法,但我似乎无法找到答案 无功电流分配, 理想的分组; 函数current1(){ var Amt=document.priceCalc.CRANK1; var数量=document.priceCalc.CRANK2; 返回parseInt(数量值)*parseFloat(金额值); } 函数desiredd(){ var Amt=document.priceCalc.DRANK1; 变量数量=document.pric

我的问题是,我似乎无法删除这个按钮,让我的价格自动计算

我已经尝试了很多方法,但我似乎无法找到答案

无功电流分配,
理想的分组;
函数current1(){
var Amt=document.priceCalc.CRANK1;
var数量=document.priceCalc.CRANK2;
返回parseInt(数量值)*parseFloat(金额值);
}
函数desiredd(){
var Amt=document.priceCalc.DRANK1;
变量数量=document.priceCalc.DRANK2;
退货价格=parseInt(数量值)*parseFloat(金额值);
}
函数总数(){
if(isNaN(current1()){
当前分区=0;
}否则{
电流除法=电流1();
}   
if(isNaN(desiredd()){
期望除法=0;
}否则{
所需除法=所需除法();
}
var totalPrice=当前分割+期望分割;
document.getElementById('prices')。value=totalPrice;
}
document.getElementById('submit_按钮')。addEventListener('click',function(){
总数();
})
选择:有效{
背景色:白色;
边界半径:1px实心灰色;
文本最后对齐:左对齐;
边界半径:5px;
背景#d3;
填充:20px;
宽度:200px;
高度:150像素;
边界半径:5px;
边框:1px实心#D3;
填充:20px;
宽度:200px;
高度:150像素;
边界半径:5px;
背景:url(paper.gif);
背景位置:左上;
背景重复:重复;
填充:1px;
宽度:150px;
高度:25px;
}
形式{
显示:内联块;
文本对齐:右对齐;
}
输入{
显示:内联块;
文本对齐:右对齐;
边框半径:1px纯白;
}
当前分区

排名: 青铜色 银币 黄金 铂金 钻石

部门: 第五分部 第四分部 第三分部 第二分部 第一分部


所需分区
排名: 青铜色 银币 黄金 铂金 钻石

部门: 第五分部 第四分部 第三分部 第二分部 第一分部




您需要在每个下拉列表中添加一个
change
事件侦听器。将
select
元素上的“name”字段更改为
id
字段,并使用JS按id抓取它们。然后,添加一个事件侦听器,每当您的下拉列表值更新时,该侦听器将运行
total()
函数

document.getElementById("CRANK1").addEventListener('change', total);
document.getElementById("CRANK2").addEventListener('change', total);
document.getElementById("DRANK1").addEventListener('change', total);
document.getElementById("DRANK2").addEventListener('change', total);
无功电流分配,
理想的分组;
函数current1(){
var Amt=document.priceCalc.CRANK1;
var数量=document.priceCalc.CRANK2;
返回parseInt(数量值)*parseFloat(金额值);
}
函数desiredd(){
var Amt=document.priceCalc.DRANK1;
变量数量=document.priceCalc.DRANK2;
退货价格=parseInt(数量值)*parseFloat(金额值);
}
函数总数(){
if(isNaN(current1()){
当前分区=0;
}否则{
电流除法=电流1();
}   
if(isNaN(desiredd()){
期望除法=0;
}否则{
所需除法=所需除法();
}
var totalPrice=当前分割+期望分割;
document.getElementById('prices')。value=totalPrice;
}
文件.getElementById(“CRANK1”).addEventListener(“变更”,总计);
文件.getElementById(“CRANK2”).addEventListener(“变更”,总计);
文件.getElementById(“DRANK1”).addEventListener(“变更”,总计);
文件.getElementById(“DRANK2”).addEventListener(“变更”,总计);
选择:有效{
背景色:白色;
边界半径:1px实心灰色;
文本最后对齐:左对齐;
边界半径:5px;
背景#d3;
填充:20px;
宽度:200px;
高度:150像素;
边界半径:5px;
边框:1px实心#D3;
填充:20px;
宽度:200px;
高度:150像素;
边界半径:5px;
背景:url(paper.gif);
背景位置:左上;
背景重复:重复;
填充:1px;
宽度:150px;
高度:25px;
}
形式{
显示:内联块;
文本对齐:右对齐;
}
输入{
显示:内联块;
文本对齐:右对齐;
边框半径:1px纯白;
}
当前分区

排名: 青铜色 银币 黄金 铂金 钻石

部门: 第五分部 第四分部 第三分部 第二分部 第一分部


所需分区
排名: 青铜色 银币 黄金 铂金 钻石

部门: 第五分部 第四分部 第三分部 第二分部 第一分部




您需要在每个下拉列表中添加一个
change
事件侦听器。将
select
元素上的“name”字段更改为
id
字段,并使用JS按id抓取它们。然后,添加一个事件侦听器,每当您的下拉列表值更新时,该侦听器将运行
total()
函数

document.getElementById("CRANK1").addEventListener('change', total);
document.getElementById("CRANK2").addEventListener('change', total);
document.getElementById("DRANK1").addEventListener('change', total);
document.getElementById("DRANK2").addEventListener('change', total);
无功电流分配,
理想的分组;
函数current1(){
var Amt=document.priceCalc.CRANK1;
var数量=document.priceCalc.CRANK2;
返回parseInt(数量值)*parseFloat(金额值);
}
函数desiredd(){
var Amt=document.priceCalc.DRANK1;
变量数量=document.priceCalc.DRANK2;
退货价格=parseInt(数量值)*parseFloat(金额值);
}
函数总数(){
if(isNaN(current1()){
当前分区=0;
}否则{
电流分割=电流1
document.getElementById('myform').addEventListener('change', function(){
total();
})