Кнопка Paypal, позволяющая клиенту выбрать количество товаров с разными ценами для диапазонов сумм.

Для этого был создан 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...
});