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

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>

当用户从选择菜单中选择任何givven值时，我想要的是将该值与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()));