Php 用于倍增输入和显示的函数

我的表格是这样的：

• 产品

  下拉列表

• 数量

  文本字段

• 单价

  显示

• TotalPrice

  显示

我创建了一个函数，在选择下拉菜单时通过查询db来显示单价。现在，我想通过将数量和单价相乘来显示输入数量时的总价。请理解以下是乘法的方法，但我如何在查询中应用它。也包括我的代码

<script>
function showUP(str)
{
if (str=="")
{
document.getElementById("UP").innerHTML="";
return;
}
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("UP").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","getunitprice.php?q="+str,true);
xmlhttp.send();
}
function multiply(Quantity)
{
var totalPrice= parseFloat(document.getElementById("UP"))*Quantity;
document.getElementById("TP").innerHTML= totalPrice;
}
</script>


    <table><tr>
    <th width-"18%>Quantity:</th>
    <td width="60%">
        <input type-"text" name="Quantity" value="" onkeyup= "multiply (this.value)" size="60" />
    </td>
    </tr></table>
<p></p><div id="UP"><b>UnitPrice: 0.00 </b></div><p>
<p></p><div id="TP"><b>TotalPrice: 0.00 </b></div><p>

功能展示（str）
{
如果（str==“”）
{
document.getElementById（“UP”）.innerHTML=“”；
返回；
}
if（window.XMLHttpRequest）
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest（）；
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject（“Microsoft.xmlhttp”）；
}
xmlhttp.onreadystatechange=函数（）
{
if（xmlhttp.readyState==4&&xmlhttp.status==200）
{
document.getElementById（“UP”）.innerHTML=xmlhttp.responseText；
}
}
open（“GET”、“getunitprice.php？q=“+str，true”）；
xmlhttp.send（）；
}
函数乘法（数量）
{
var totalPrice=parseFloat（document.getElementById（“UP”））*数量；
document.getElementById（“TP”）.innerHTML=总价；
}
使用
onBlur
而不是
onchange
事件。您还可以在数量文本框中使用
onkeyup
事件

<script>
function multiply(qty)
{
    var totalPrice= parseFloat(document.getElementById("UP").innerHTML)*qty;
    document.getElementById("TP").innerHTML= totalPrice;
}
</script>

        <tr>
        <th width-"18%>Quantity:</th>
        <td width="60%">
        <input type-"text" name="Quantity" value="" onkeyup= "multiply (this.value)" size="60" />

        </td>
        </tr>

<p></p><div><b>UnitPrice: <span id="UP">0.00</span> </b></div><p>
<p></p><div id="TP"><b>TotalPrice: 0.00 </b></div><p>


函数乘法（数量）
{
var totalPrice=parseFloat（document.getElementById（“UP”）.innerHTML）*数量；
document.getElementById（“TP”）.innerHTML=总价；
}
当数量发生变化时，它显示的是NaN。当数量发生变化时，它显示的是NaN。我仍然想知道是什么代码使它显示为这样我还包括了我的单价查询功能。如果有帮助的话。我相信我不会用UP来乘法…我把它改成单价：0.00总价：0.00现在它显示出来了…单价：4.50总价：太棒了！现在正在放映。我错过了这个。顺便说一下，在某些情况下，它显示的结果为0.9999999。我们可以将这里的小数点限制为2个小数点吗？@MimiEAM根据Arun编辑了我的代码，我已将其发布到我的原始问题中。显示更改，但其显示为NaN？？
<script>
function multiply(qty)
{
    var totalPrice= parseFloat(document.getElementById("UP").innerHTML)*qty;
    document.getElementById("TP").innerHTML= totalPrice;
}
</script>

        <tr>
        <th width-"18%>Quantity:</th>
        <td width="60%">
        <input type-"text" name="Quantity" value="" onkeyup= "multiply (this.value)" size="60" />

        </td>
        </tr>

<p></p><div><b>UnitPrice: <span id="UP">0.00</span> </b></div><p>
<p></p><div id="TP"><b>TotalPrice: 0.00 </b></div><p>