Javascript 控制订单表单的值

Javascript controls order form's value

本文关键字:表单 控制 单表单 Javascript      更新时间:2023-09-26

我目前正在创建一个订单。但是,我一直停留在获取值上。这是一个产品订单,我想显示价格并通过用户选择计算金额。

例如,我得到了一个产品数量下拉列表,因此当用户选择一个产品时,价格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);
}

另外,在表单中,如何禁用输入字段的编辑功能?我发现当我获得这些产品的值时,用户仍然可以在字段中键入他们想要的任何内容。

为了在输入字段中显示值,我觉得我只能使用 val(( 来输出值,所以每次我需要设置一个新变量来保存值,但对于订单形式,我想在最后添加一个计算函数。就像用户选择产品,产品数量和运输选项一样,我需要获得所有这些费用的金额。

对不起表达,有点乱,几个问题放在一起,有点不知道我在做什么。

提前非常感谢你们。

使用全局变量

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

对于禁用文本框(总金额字段(

$('#id').attr('disabled',true);

$('#id').attr('disabled','disabled');