使用ajax根据所选选项检查价格

时间:2013-06-09 10:51:29

标签: php mysql ajax

我正在尝试根据用户选择的选项更改价格。我从数据库中获取价格和尺寸。它们是一种使用ajax来改变用户从下拉选项中选择的bsize的价格基础的方法。在我的数据库中我有

表名:大小

  Sid       bsize.  Sprice  
  1         12         200  
  2         14         250  
  3         16         400  
<div class="soat_r">
    <form id="add2cart" name="cart" method="Post" action="<?php fetchdir($bpages); ?>cart.php">
        <table>
            <tr>
                <td width="160">Price:</td>
                <td name="price"></td><!-- the price will go here and will change depend on the bsize the choose -->
            </tr>
            <tr>
                <td for="size" width="160">size*:</td>
                <td>
                    <select name="size" class="small" id ="size">
                    <!-- I will echo out the bsize here and it will be in a drop down <option> -->
                    </select>
                </td>
            </tr>   
            <tr>

            </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>

他们的产品列在一个不同的表中,所以我有1个阿迪达斯蓝色2. addias白色3. addidias绿色然后在另一个表格我有价格... addidas的价格根据大小而变化...这就是为什么我有一个大小和价格的表...在购物车页面上发布名称,选择的大小和价格(取决于大小)...让我们说你去蓝色addias页面。你选择尺寸,我希望它告诉你价格上的那个尺寸的价格...没有你必须添加到购物车找出...我试图这样做但我没有想法,我如果有人能给我看几个代码,真的会很棒...谢谢

1 个答案:

答案 0 :(得分:1)

当然,

如果你使用jQuery:

$('#size').change(function() {
    $.post("get_price_by_bsize.php", "bsize="+$("#size").val())
        $("#price_td").html(data);
    });
});
get_price_by_bsize.php 上的

只是运行查询:

SELECT Sprice from size WHERE bsize={$_POST['bsize']}

并打印价格。不要忘记为价格<td>分配ID。

没有jQuery ,相同的主体,但有xmlhttprequestonclick