下拉选择

时间:2015-08-31 19:30:27

标签: javascript jquery

我有一个产品选择,任何人都可以选择任何产品价格是选择值,然后客户可以选择年限为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>

1 个答案:

答案 0 :(得分:-1)

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