Javascript 将多个表单选项过帐到购物篮时出现问题

为了订购一套产品，我试图从一个表单向一个购物篮发布两个产品，但当我使用下面的jquery时，我最终发布了一个产品中的两个

我有两个单独的下拉列表，一个是表单，另一个是添加到篮子中，所以我尝试抓取一个，在篮子中发帖，然后循环回抓取另一个并发帖

<script type="text/javascript">
$(function() {
  $('form[action="/your-basket/"]').submit(function(e) {
    var $form = $(e.target);
    e.preventDefault();
    $.post('/your-basket/', $form.serialize(), function() {
      window.location = '/deal-of-the-week/';
    });
    return false;
  });
});
</script>

---

同时发布表单HTML的相关部分。如果目标是重定向，为什么还要使用AJAX？这不是ajax设计的目的。如果要在之后重定向，只需手动提交表单。实际上，这样做的工作量是原来的两倍。我试图在一个页面上发布两个产品，这样您就可以在同一次单击中选择产品a的尺寸x和产品b的尺寸y，并在表单中选择下拉尺寸选项。本质上，试图从一个表单中识别并发布两个选择，以使用户体验更好。