构建购物车与非JavaScript启用的浏览器兼容

时间:2012-12-30 17:33:10

标签: javascript jquery html shopping-cart

我正在建立一个网上商店,我已经决定建立自己的购物车,我知道有很多开箱即用的解决方案,但它只是一个小商店,我更喜欢最好的辐条解决方案。

我想与非JavaScript脚本浏览器兼容的商店,所以我一直在考虑最好的方法。

我正在考虑做这样的事情:

 <script type="text/javascript">
$(document).ready(function() {
       $('form').each(function() {
               $(this).removeAttr('action')
      });

});
 </script>

<div>Product Description</div>

<form action="/addproduct.php" method="post">

<select name="size">
<option>Small</option>
<option>Medium</option>
<option>Large</option>
<option>X Large</option>
</select>

<input onclick="AddProduct();" value="Add Product" type="submit">
</form>

任何意见或建议都将不胜感激。

2 个答案:

答案 0 :(得分:1)

我认为最好的方法是做这样的事情:

$('form').each(function() {
    $(this).submit(function(event) {
        event.preventDefault(); //So that the form is not submitted.
        //Add the product to the cart.
    }
}

答案 1 :(得分:0)

或者不是硬编码onclick =“AddProduct();”并在JS中添加一些由id形成的魔术动作。

相关问题