Javascript 如何在自定义页面（非商店/产品页面）上创建“添加到购物车”按钮

我在我的网站上创建了一个新页面，人们选择购买PC部件

我的案例是如何创建一个按钮，将所有产品选择添加到购物车，然后重定向到购物车页面

选择列表HTML代码

<div><select id="ddrakit-processor" class="ddrakit"><option value='{"gaming":"0","render":"0","priceperform":"0"}'>- Pilih processor -</option><option value='{"product_id":9,"category_id":17,"harga":"100000000","gaming":"20","render":"10","priceperform":"20"}'>Intel i99 - Rp. 100,000,000,-</option></select></div>
<div><select id="ddrakit-motheboard" class="ddrakit"><option value='{"gaming":"0","render":"0","priceperform":"0"}'>- Pilih motherboard -</option><option value='{"product_id":11,"category_id":20,"harga":"80000","gaming":"40","render":"50","priceperform":"10"}'>ASUS ROG Z999 - Rp. 80,000,-</option></select></div>
<div><select id="ddrakit-ram" class="ddrakit"><option value='{"gaming":"0","render":"0","priceperform":"0"}'>- Pilih memory RAM -</option><option value='{"product_id":10,"category_id":19,"harga":"500000","gaming":"40","render":"10","priceperform":"20"}'>V-GEN 128GB DDR8 - Rp. 500,000,-</option></select></div>
<div><select id="ddrakit-vga" class="ddrakit"><option value='{"gaming":"0","render":"0","priceperform":"0"}'>- Pilih graphic card -</option><option value='{"product_id":8,"category_id":16,"harga":"2000000","gaming":"10","render":"20","priceperform":"10"}'>RADEON RX 999 - Rp. 2,000,000,-</option><option value='{"product_id":16,"category_id":16,"harga":"16499000","gaming":"20","render":"10","priceperform":"20"}'>MSI - GeForce GTX 1080 Ti Gaming X Trio - Rp. 16,499,000,-</option></select></div>
<div><select id="ddrakit-psu" class="ddrakit"><option value='{"gaming":"0","render":"0","priceperform":"0"}'>- Pilih power supply -</option><option value='{"product_id":17,"category_id":22,"harga":"50000","gaming":"10","render":"50","priceperform":"10"}'>Corsair RM8000 8000w - Rp. 50,000,-</option></select></div>
<div><select id="ddrakit-casing" class="ddrakit"><option value='{"gaming":"0","render":"0","priceperform":"0"}'>- Pilih Casing -</option><option value='{"product_id":12,"category_id":21,"harga":"5020000","gaming":"10","render":"10","priceperform":"10"}'>Corsair Casing Gaming - Rp. 5,020,000,-</option></select></div>

---

谢谢。

在自定义页面中使用此链接

---

你是说表格吗？我会使用后端服务器来处理表单，并重定向到结帐页面等等。提交表单是您应该使用的，而且实现起来很简单

您可以将其粘贴到您希望显示“添加到购物车”按钮的位置

<?php
global $product;
$pid = $product->get_id();
?>
<a href="<?php echo do_shortcode( '[add_to_cart_url id=' . $pid . ']' ) ?>" class="your-classes-here">Add to cart</a>

---

我不知道你要重定向的页面是什么样子，它期望的值是什么，但是你可以用jQuery轻松地获得你选择的值或文本。$。每个$'select'.find'option:selected'，functione，v{//值都在v}；怎么做？我应该写什么或引用什么？如果您在实现一个方面仍然有困难，请随时联系我。为什么要使用表单？你能解释一下吗？所以，不能只创建一个按钮来一次添加所有产品吗？你能给我一个例子吗？我的页面包含多个产品，如何将它们全部添加到一个按钮中？你可以在产品循环中使用给定的代码行。然后，它将根据每个产品的产品id对其进行不同的操作。