购物车下拉列表选择后重定向到页面

时间:2014-01-17 15:02:09

标签: javascript php

我用PHP和MySQL创建了一个购物车。它由两个页面组成:cart.php(实际购物车)和add_product.php(允许您添加和删除商品的页面)。 cart.php为每个产品生成一个表格行(foreach($_COOKIE)等),如下面的屏幕截图所示。

让我们想象一下:第二个产品(“Cam”)有产品ID 2.如果我要删除此产品,我会转到add_product.php?product=6&amount=0并将其删除。如果用户在“Aantal”(荷兰语为“金额”)选择0时立即自动重定向到此页面,我希望如此。对于所有其他金额也是如此:如果用户在下拉列表中选择2,请转到add_product.php?product=6&amount=2

我知道如何在一个下拉列表中执行此操作,但如何为多个自动生成的下拉列表执行此操作?任何帮助将不胜感激。

enter image description here

1 个答案:

答案 0 :(得分:0)

修改你的cart.php,这样就可以将产品ID添加到表单中选择数量:

<select data-product-id="<?=$productId;?>">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>

使用jquery你会有这样的东西:

$('select').change(function(){ 
    window.location = 'add_product.php?product=' +
        $(this).attr('data-product-id') + 
        '&amount= ' + $(this).val();
});