[英]jQuery calculation on drop down selection
我有一個產品選擇,任何人都可以選擇任何產品率在選擇值中,然后客戶可以選擇沒有年份限制為 3,然后沒有計算機限制為 3。
現在,如果用戶選擇產品 1(價格 9.99)為 1 年和 1 件,則代碼可以正常工作,但我想對任何其他更改給予 20% 的折扣,例如任何人選擇 2 年和 2 件然后(9.99*2*2)然后是平的(假設)20% 的折扣。
<select name="dproduct" id="dproduct" required="required">
<option value="9.99">Product 1</option>
<option value="14.99">Product 2</option>
<option value="19.99">Product 3</option>
<option value="24.99">Product 4</option>
<option value="39.99">Product 5</option>
<option value="59.99">Product 6</option>
<option value="99.99">Product 7</option>
<option value="149.99">Product 8</option>
<option value="199.99">Product 9</option>
</select>
<select name="noofyear" id="noofyear" required="required">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select name="noofpc" id="noofpc" required="required">
<option value="1" selected="selected">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
我的jQuery代碼:
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$("#dproduct,#noofpc,#noofyear").blur(function () {
$('#price').val($('#noofpc').val() * $('#dproduct').val() * $('#noofyear').val());
});
});
</script>
$(document).ready(function(){
$("#dproduct,#noofpc,#noofyear").change(function() {
var product = parseFloat($('#dproduct').val());
var pc_count = parseInt($('#noofpc').val());
var year_count = parseInt($('#noofyear').val());
var price = product * pc_count * year_count;
if (pc_count > 1 || year_count > 1) {
price = price * 0.8;
}
$('#price').val(price);
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.