顯示正確的價格從選擇菜單

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()));