javascript - 根据从选择菜单中选择的数量显示正确的价格

Question

我在表单中有这两个字段：

<form method="post" action="./completed-order.php">

<input value="0.025" name="price" type="hidden" />

<select name="quantity" id="selectQuantity" tabindex="1" class="span2">
<option value="3000">3000</option>
<option value="4000">4000</option>
<option value="5000">5000</option>
<option value="6000">6000</option>
<option value="7000">7000</option>
<option value="8000">8000</option>
<option value="9000">9000</option>
<option value="10000">10000</option>
<option value="11000">11000</option>
........
</select>

<input value="" name="final-price" type="text" />

</form>

当用户从选择菜单中选择任何给定的值时，我想要什么，将该值与 name="price" 字段中的价格值相乘并将其显示在 name="final-price" 字段中。我需要使用 jQuery 来完成。

感谢帮助。

Answer 1

类似这样的东西会起作用：

var quantity = $('#selectQuantity').find(":selected").val();
var price = $('input[name="price"]').val();

$('input[name="final-price"').val(quantity * price);

要在每次需要挂钩selectQuantiy更改列表时使用change()

$('#selectQuantity').change(function() {
    var quantity = $(this).find(":selected").val();
    var price = $('input[name="price"]').val();

    $('input[name="final-price"').val(quantity * price);
});

Answer 2

尝试，

var xFinalPrice = $('input[name="final-price"]');
var xQty = $('input[name="quantity"]');
var xPrice = $('input[name="price"]');

xFinalPrice.val(parseInt(xQty.val()) * parseInt(xPrice.val()));