带有使用 javascript 的下拉框的贷款计算器 [关闭]答案

【问题标题】：Loan calculator with a dropdown box usingjavascript [closed]带有使用 javascript 的下拉框的贷款计算器 [关闭]
【发布时间】：2016-04-11 19:26:44
【问题描述】：

您好，我正在尝试制作一个带有下拉框的贷款计算器。您输入您想借的金额，然后出现一个下拉菜单，利率为 6.75% 或 9.71% 。然后，您输入您想偿还贷款的月份。但是我已经做了我能想到的一切并且它不起作用？谁能帮帮我吗？谢谢

这是html

<body> 
<p>Loan Amount: €<input id="amount" type="number" min="1" max="1000000" onchange="computeLoan()"></p>


<p>Interest Rate:
 <select>
    <option value="" disabled="disabled" selected="selected">Select A Loan Rate</option>
    <!-- 6.75 loan -->
    <option value="6.75" input id="interest_rate" onchange="computeLoan()">6.75%</option>
    <!-- 9.71 loan -->
    <option value="9.71" input id="interestRate" onchange="computeLoan()">9.75%</option>
</select>


<p>Months: <input id="months" type="number" min="1" max="60" value="1" step="1" onchange="computeLoan()"></p>


<h2 id="payment"></h2>

这是javascript

// first function excute at a rate of 6.75% APR
function computeLoan()
{
    var amount = document.getElementById('amount').value;

    var interest_rate = document.getElementById('interest_rate').value;

    var months = document.getElementById('months').value;

    var interest = (amount * (interest_rate * .01)) / months;

    var payment = ((amount / months) + interest).toFixed(2);

    payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

    document.getElementById('payment').innerHTML = "Your Monthly Payment = € "+payment;

}

// Second function excute at a rate of 9.71% APR

function computeLoan(){
    var amount = document.getElementById('amount').value;

    var interestRate = document.getElementById('interestRate').value;

    var months = document.getElementById('months').value;

    var interest = (amount * (interestRate * .01)) / months;

    var payment = ((amount / months) + interest).toFixed(2);

    payment = payment.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

    document.getElementById('payment').innerHTML = "Monthly Payment = $"+payment;
}

如果有人可以帮助我做什么，那就太好了！谢谢

【问题讨论】：

哪里坏了？你真的没有提到你遇到的问题吗？
有什么错误吗？......
当我运行代码时，只有一个函数起作用，比如说如果我注释掉第二个函数，第一个函数将起作用并显示正确的数量，反之亦然

标签： javascript jquery function calculator

【解决方案1】：

您不能有两个共享相同名称的函数。

使用条件逻辑创建一个函数，这取决于选择的值。我希望这会有所帮助！

此外，您应该将 onchange 属性移动到 select 元素而不是 option 元素上，并获取 select 的值。

【讨论】：

你能解释一下“你应该将 onchange 属性移动到 select 元素而不是 option 元素上，并获取 select 的值。”请详细说明该怎么做？不是 100% 肯定谢谢
类似这样，然后在您的代码中，使利率等于选择的值。你可以看一个例子here
我会试一试，谢谢