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...
});