0

現在注文用紙を作成中です。しかし、私は値の取得に行き詰まっています。商品注文フォームですが、価格を表示し、ユーザーが選択した金額を計算したいです。

たとえば、製品数量のドロップダウン リストを取得したので、ユーザーが 1 つの製品を選択すると、価格 div には 1 つの値が表示され、ユーザーが 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 ステートメントで 2 つの条件を設定すると、関数全体が機能しなくなります。また、製品数量を 1 から 0 で選択すると、フォームの価格フィールドの数値が更新されません。ドロップダウン リストに何か不足がありますか?

4

1 に答える 1

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);
   }
})
于 2012-05-09T21:34:26.600 に答える