Javascript/Ajax/Jquery动态计算表单变化

我有一个小表单，它将从Mysql和人工输入中填充。我想要做的是根据其他人填充3个其他字段。Javascript/Ajax/Jquery动态计算表单变化

实施例：

总份数（MySQL的）

劳动（用户）

杂项（用户）

小计（动态共上文）

税（动态计算以上 - 子* 13％）

总计（子+税）

我已经四处搜寻，但无法完全找到我要找的东西，而且我的技能在Javascript/Ajax/Jquery中为零，所以我一直无法修改任何工作，尽管我尝试过很悲伤。

有人可以帮我解决这个问题，也可以指向一个可能适合我需要的脚本。

感谢

来源

2011-02-16 Confused

我知道你是新来的所有这些，但你的服务器上运行什么平台？你可以使用哪些服务器端语言？你将需要服务器上的某些东西来回答ajax调用并与数据库进行交谈。 PHP？ Asp.Net？ CGI/perl的？蟒蛇？ – 2011-02-16 02:44:35

根据你在这个主题中的其他帖子，你是这样的心态：“老实说只是想要一个简单的小脚本来更新表单”我强烈建议你找一个开发人员来处理。有几个网站在那里你可以支付开发人员编写你需要的代码。如果你希望教程能够学习如何做这类事情，那么我会编辑你的问题，并寻求一些好的入门知识点来学习。 – 2011-02-16 03:25:10

你可以使用的onblur来calcuate领域（当用户离开每个输入字段的激活）。

...<input name="labour" id=total onblur="$('#total').val($('#sub').val() + $('#tax').va())">

您尚未提供任何足够的信息来评论“零件总数”字段。

来源

2011-02-16 02:16:19 paullb

好的，对不起，我以为你在找一些复杂的代码。这里是你正在寻找的一个简单的例子。

<html> 
<head> 
</head> 
<body> 
<script> 
function doMath() { 
    var totalparts = parseInt(document.getElementById('parts_input').value); 
    var labor = parseInt(document.getElementById('labor_input').value); 
    var misc = parseInt(document.getElementById('misc_input').value); 
    var subtotal = totalparts + labor + misc; 
    var tax = subtotal * .13; 
    var total = subtotal + tax; 

    document.getElementById('subtotal_input').value = subtotal; 
    document.getElementById('tax_input').value = tax; 
    document.getElementById('total_input').value = total; 
} 
</script> 

<div>Total Parts: <input type="text" id="parts_input" value="1" readonly="true" /></div> 
<div>Labor: <input type="text" id="labor_input" onBlur="doMath();" /></div> 
<div>Misc: <input type="text" id="misc_input" onBlur="doMath();" /></div> 
<div>Sub Total: <input type="text" id="subtotal_input" readonly="true" /></div> 
<div>Tax: <input type="text" id="tax_input" readonly="true" /></div> 
<div>Total: <input type="text" id="total_input" readonly="true" /></div> 
</body> 
</html>

显然这不会从数据库中获取动态值。如果你使用PHP，你可以换这条线：

<div>Total Parts: <input type="text" id="parts_input" value="1" readonly="true" /></div>

一个这样的：

<div>Total Parts: <input type="text" id="parts_input" value="<?PHP include('getTotalParts.php'); ?>" readonly="true" /></div>

凡getTotalParts.php是你让让你的数据库信息的文件。它可以简单地获取信息并执行“echo $ totalParts”;

来源

2011-02-16 02:38:43 Spidy

Javascript/Ajax/Jquery动态计算表单变化

回答

相关问题