Paypal按钮，允许客户选择具有不同价格范围的产品数量

Question

客户必须能够选择他喜欢的任何件数，但每件的价格必须能够根据客户选择的件数而变化

例：
1至5件：每件10欧元 从6件到10件：每件8欧元 11至15件：每件6欧元 从16到20件......等等。

如果客户选择4件，每件的价格必须是10欧元 但如果顾客选择13件，每件的价格必须是6欧元。

我不应该使用PayPal购物车或CMS，只是一个带有下拉列表的简单按钮，如果可能的话..

Answer 1

这就是JavaScript的用途。

1. 向最终用户清楚地显示表格
2. 使用选择件数
3. 使用文字输入显示费用
4. 使用其他输入显示小计
5. 在片段选择更改时重新计算

当用户点击继续时，请提交总输入字段。

看起来像这样：

PIECES   x   COST  =   SUBTOTAL
[ 7  |V]      $[ 8 ]     $[ 56 ]

PIECES   x   COST  =   SUBTOTAL
[ 4  |V]      $[ 10 ]    $[ 40 ]

PIECES   x   COST  =   SUBTOTAL
[ 11 |V]      $[ 6 ]     $[ 66 ]

使用JavaScript，根据部分选择更改成本字段。使用jQuery的示例

<select id="pieces">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    etc..
</select>

<input id="cost"></input>
<input id="subtotal"></input>

<script>
$('#pieces').on('change', function() {
    var pieces = $('#pieces').val(),
        price;
    if (pieces < 6) { 
        price = 10;
        $('#cost').val(price);
        $('#subtotal').val(pieces * price)}
    }
    if ((pieces > 5) && (pieces < 11)) { 
        price = 8;
        $('#cost').val(price);
        $('#subtotal').val(pieces * price)}
    }
    etc...
});