1

私は何日もこれをやろうとしてきましたが、うまくいかないようです。ユーザーが選択した靴のサイズに応じて価格を変更したい. しかし、checkout.php で選択したサイズを知る必要があります。私の checkout.php は既に動作していますが、サイズとそのサイズの賞品を取得する必要があります。選択オプションで、価格と価格のサイズを示しています。助けてください。

<div class="content_half float_r">
    <form id="add2cart" name="cart" method="Post" action="<?php fetchdir($bpages); ?>cart.php">
             <table>
                    <tr>
                        <td width="160">Price:</td>
                        <td name="price" id="price"><?php echo $row ['Start_Cost']; ?></td>

                    </tr>

                <tr>
                 <td for="size" width="160">size*:</td>
                <td>
                <select name="size" class="small" id ="size">
                                <option value="">12 size</option> // the price tag already have the start_Cost for this size
                        <option value="">14 size(£30.00)</option>
                    <option value="">16 size(£35.00)</option>
                        <option value="">18 size(£40.00)</option>
                    <option value="">20 size(£45.00)</option>
                        <option value="">22 size(£55.00)</option>
                            <option value="">24 size(£60.00)</option>
                    <option value="">26 size(70.00)</option>
                            <option value="">28 size(£80.00)</option>
                   </select>
                </td>

                </tr>   
        <tr>
             // you choose size
            <td> size: // the size the person choose will go down here
             </td>

    </tr>   

            <tr>
                        <td>Quantity</td>
                        <td><input type="text" name="Qty" value="1" style="width: 20px; text-align: right" /></td>

                    </tr>       
                </table>    
                <div class="cleaner h20"></div>

                <input type="hidden" name="pid" id="id" value="<?php echo $id; ?>" />
                <input type="Submit" class="button" name="button" id="button" value="Add to shopping cart"/>
                </form>             
            </div>
4

2 に答える 2

0

これはあなたのための実例ですLIVE DEMO。

<span>必要な位置にテキストを挿入できるように sを追加した方法に注意してください。また、適切な要素idを選択するのに役立つ sもいくつか追加しました。DOM

これがJavaScriptベースjQueryです。

// initially provide data
var shoeData = {
    12: 25,
    14: 30,
    16: 35
}

$(function () {    
    $(document).ready(function () {
        // dynamically create the options in the select
        $.each(shoeData, function (key, value) {
            $("#size").append($("<option>", {
                "value": key,
                    "text": key + " size(£" + value + ")"
            }));
        });
        // display the initial data
        updateHandler();
    });    

    // register for update events on the input fields
    $("#size").on('change', updateHandler);
    $("#qty").on('input', updateHandler);
});

// handle update events (when an input field was changed)
function updateHandler() {
    // accumulate the data
    var value = $("#size").val();
    var quantity = $("#qty").val();
    var price = shoeData[value];
    var endPrice = price * quantity;

    // display the data
    $('#priceDisplay').html(price);
    $("#sizeDisplay").html(value);
    $("#totalDisplay").html(endPrice);
}

phpあなたがしなければならないことは、次のように使用して、shoedData オブジェクトにデータを入力することだけです。

var shoeData = {
    12: <?php echo $row [ 'Start_Cost']; ?>,
    14: <?php echo "30"; ?>,
    16: <?php echo $priceForSize16; ?>,
}

html顧客が靴のサイズまたは数量を変更すると、適切な の " " 属性に文字列を書き込むだけで、合計、価格、および靴の情報が更新されますspan。

期待どおりcart.phpにフォームを受け取ります。つまり、「Qty」と「 」が得られますsize。PHPの値に基づいての価格を検索し、の値$REQUEST["size"]を掛けて$REQUEST["Qty"]合計を取得する必要があります。

于 2013-05-31T23:16:05.287 に答える