0

嗨，当我单击“添加到购物车”按钮时，我创建了有关特定产品的动态页面我想发送文本框值> 我创建了类似的页面

$(document).on('pageshow','#productdetails', function() {
    var pid = getURLParameter('pid');
    $.getJSON("http://vinoth.com/magento/api/rest/products/"+pid, function(data) {
        if (data.is_in_stock == "1") {
            var stock = "In Stock"
        }
        else {
            var stock = "Out of Stock"
        }

        //var imageurl = 'http://vinoth.com/magento/api/rest/products/'+data.entity_id+'/images'; 
        // $.getJSON(imageurl,function(result){
        //  $.each(result, function(j, k) {

        $("div[data-role='content']").append('<h4>'+data.name+'</h4><img src=' + data.image_url + ' width="100%"><br><p><strong>Description: </strong>' + data.description + '</p><span><strong>Actual Price: </strong>' + data.regular_price_with_tax + ' INR</span><br><span><strong>Special Price: </strong>' + data.final_price_with_tax + ' INR</span><br/> <span><strong>Availablity: </strong>' + stock + '</span><br><div data-role="fieldcontain"><label name="quantity"><strong>Qty: </strong></label><input type="text" name="quantity" value="" data-mini="true" data-inline="true" size="30" id="qty"/></div>').trigger('create');

        var qty = $("#qty").val();


        $("div[data-role='content']").append('<a data-role="button" data-mini="true" data-inline="true"  data-icon="plus" href="checkoutcart.html?pid=' + data.entity_id + '&quantity=' + $("#qty").val() + '" >Add to Cart</a>').trigger('create');

        //});
        // });
    });
});

如何获取qty输入值以传递 addtocart 按钮链接？

4

2 回答 2

0

首先确保 qty 始终具有值。

请使用 data-* 属性不要在查询字符串中传递值。

$("div[data-role='content']").append('<a data-role="button" data-pid="' + $('#qty').val() + " data-mini="true" data-inline="true"  data-icon="plus" href="checkoutcart.html?pid=' + data.entity_id + '&quantity=' + $("#qty").val() + '" >Add to Cart</a>').trigger('create');

并单击添加到购物车，在需要的地方使用它来获取 pid 的值：

$(this).data('pid');
于 2013-10-28T11:12:15.973 回答
0

如果我理解您的问题，我认为您应该为添加到购物车链接编写一个点击处理程序，然后在点击时构建 URL，以便您可以获得用户编辑的数量。目前，您在创建添加到购物车按钮时将 URL 硬编码为数量。

因此，在附加链接时，给它一个 ID，并按照 Sheetal 的建议将 pid 存储在数据中：

$("div[data-role='content']").append('<a id="addtocart" data-pid="' + data.entity_id + '" data-role="button" data-mini="true" data-inline="true"  data-icon="plus" href="#" >Add to Cart</a>').trigger('create');

然后添加处理程序：

$('#addtocart').on('click', function(){
    var url = checkoutcart.html?pid=' + $(this).data("pid") + '&quantity=' + $("#qty").val() + '
    $.mobile.changePage( url);//  or  location.href = url;
});

如果我不明白这个问题，请创建一个小的 jsFiddle 来演示它......

于 2013-10-29T15:09:52.010 回答