Javascript操纵订单的价值

时间:2012-05-09 21:22:29

标签: javascript jquery forms controls

我目前正在创建订单。但是,我一直坚持获得价值。这是一个产品订单表格,我想显示价格并根据用户的选择计算金额。

例如,我有一个产品数量下拉列表,所以当用户选择一个产品时,价格div将显示一个值,如果用户选择0,则价格div将显示$ 0。问题在哪里?

var productValue = document.getElementById("e_Product");
var productQuantity = document.getElementById("e_Quantity");
var stringValue = productValue.options[productValue.selectedIndex].text;

if (stringValue == "Product Name" && productQuantity == 1) 
{
    var singleValue = "$800.00";
    $('#e_Price').val(singleValue);
}
else
{
    var singleValue1 = "$0.00";
    $('#e_Price').val(singleValue1);
}

当我在if语句中设置两个条件时,整个函数就不再起作用了。此外,当我选择从1到0的产品数量时,表单的价格字段不会更新数字,我是否会错过下拉列表中的某些内容?

1 个答案:

答案 0 :(得分:1)

您应该使用事件处理程序来更新字段:

$("#e_Product").change(function(){
   var val = $(this).val();
   var quan = $("#e_Quantity").val();
   if (val == "Product Name" && quan == 1)
     var singleValue = "$800.00";
     $('#e_Price').text(singleValue); // if e_Price is a div tag you should use text() instead of val() 
   }
   else
   {
     var singleValue1 = "$0.00";
     $('#e_Price').text(singleValue1);
   }
})