点击按钮404与Jquery

时间:2017-01-20 18:07:12

标签: javascript jquery

我正在努力更改特定网页上的按钮。不仅仅是里面的文字,还有它的去向。目前,它是表单的一部分,旨在将产品添加到购物车。我需要改变,简单地将用户带到联系表格。

我最接近的是将用户带到联系页面,但它显示为404.这可能是因为表单的方法吗? URL完全匹配联系人页面,我尝试了完整路径和相对路径。这是我到目前为止的代码:

$( document ).ready(function() {
    $(".grid-link__meta:contains('$0.00')").html('<strong>Contact Us for Quote</strong>');
    $(".product-single__price:contains('$0.00')").text('');

  if ( $('.product-single__price').text() == "") {
    $("#AddToCartText:contains('Add to Cart')").html('<strong>Get Quote</strong>');
    $('#AddToCartForm').click(function(){
        $('#AddToCartForm').attr('action', '/pages/contact-us');
    });
  }
})

导致问题的代码是:

$('#AddToCartForm').click(function(){
    $('#AddToCartForm').attr('action', '/pages/contact-us');
});

编辑:这是我正在尝试更新的代码。 :

<form action="/cart/add" method="post" enctype="multipart/form-data" id="AddToCartForm">
        <select name="id" id="productSelect" class="product-single__variants">
              <option  selected="selected"  data-sku="" value="20267761543">Default Title - $0.00 USD</option>
        </select>

        <div class="product-single__quantity is-hidden">
          <label for="Quantity">Quantity</label>
          <input type="number" id="Quantity" name="quantity" value="1" min="1" class="quantity-selector">
        </div>

        <button type="submit" name="add" id="AddToCart" class="btn">
          <span id="AddToCartText">Add to Cart</span>
        </button>
      </form>

编辑:已解决。感谢@Barmar将按钮的形式从POST更改为GET的想法。还有一些东西在URL中传递,但表单工作正常。

0 个答案:

没有答案