Javascript 将数据库值与用户输入相乘
我有一个表单,echo从数据库中输出数据,包括三组美元金额。我还有一个数字输入框,供用户输入年数。我试图用用户投入的年数乘以美元金额。我尝试过创建函数,但无法使其工作。有什么建议吗?谢谢 带有onchange事件的用户输入,以及从数据库中回显的美元金额列表。(getMoneyValue是设置美元格式的函数)Javascript 将数据库值与用户输入相乘,javascript,jquery,database,function,math,Javascript,Jquery,Database,Function,Math,我有一个表单,echo从数据库中输出数据,包括三组美元金额。我还有一个数字输入框,供用户输入年数。我试图用用户投入的年数乘以美元金额。我尝试过创建函数,但无法使其工作。有什么建议吗?谢谢 带有onchange事件的用户输入,以及从数据库中回显的美元金额列表。(getMoneyValue是设置美元格式的函数) 您只需将id赋予标记以获取directCost值,然后使用.value设置文本框的值以显示总计 演示代码: function multiplyCosts(){ var proYears=d
您只需将
id
赋予
标记以获取directCost
值,然后使用.value
设置文本框的值以显示总计
演示代码:
function multiplyCosts(){
var proYears=document.getElementById(“proratedears”).value;
var adjDirectMulti=document.getElementById(“directCost”).textContent;//获取值
var multiTotal=项目年数*adjDirectMulti;
console.log(多总)
document.getElementById(“totals”).value=multiTotal//设置文本框的值
}
按比例分配的年数:
直接成本
121
间接成本
25
总成本
145
只需将id
赋予
标记,即可获取直接成本
值,然后使用.value
设置文本框的值以显示总计
演示代码:
function multiplyCosts(){
var proYears=document.getElementById(“proratedears”).value;
var adjDirectMulti=document.getElementById(“directCost”).textContent;//获取值
var multiTotal=项目年数*adjDirectMulti;
console.log(多总)
document.getElementById(“totals”).value=multiTotal//设置文本框的值
}
按比例分配的年数:
直接成本
121
间接成本
25
总成本
145
有多个这样的
标签,或者您只发布了一个?还有一组其他的标签,但它们不会受到用户输入的影响。您需要将多个总计
总计放在哪里?你也可以在这里使用jquery?老实说,在这一点上,我可以把multiTotal放在表单的任何地方,只要它给出结果。是的,我可以使用jquery。如果可以的话,我可以为multiTotal创建只读文本框。有多个这样的
标记,或者只有一个您发布过的标记?还有另外一组标记,但它们不会受用户输入的影响。您需要将multiTotal
总计放在哪里?你也可以在这里使用jquery?老实说,在这一点上,我可以把multiTotal放在表单的任何地方,只要它给出结果。是的,我可以使用jquery。如果可以的话,我可以为multiTotal创建只读文本框。
<dt>Number of Prorated Years:</dt>
<dd><input type="number" class='form-control' id="proratedYears" name="proratedYears" onchange="multiplyCosts()" min="0" max="20"/></dd>
<dl>
<dt>Direct Costs</dt>
<dd><?php echo $functions->getMoneyValue($recordInfo['directCost']);?></dd>
<dt>Indirect Costs</dt>
<dd><?php echo $functions->getMoneyValue($recordInfo['indirectCost']);?></dd>
<dt>Total Cost</dt>
<dd><?php echo $functions->getMoneyValue($recordInfo['totalCost']);?></dd>
</dl>
function multiplyCosts() {
var proYears = document.getElementById("proratedYears").value;
var adjDirectMulti = ($recordInfo['directCost']);
var multiTotal = proYears * adjDirectMulti;
}