Question

I am developing an option in Magento where the customer can enter multiple product ID’s in a text box and add them to Shopping Cart.
I have been able to do it for only one product ID where it is entered in a input box by using the following jquery,

$(document).ready(function(){
        $("#submit").click(function(){
            var id = $("#nam").val();
            $.post("....../checkout/cart/add", { product:id },
            function(data) {
                alert("The Product is added to your shopping cart.");
                window.location.reload(true);
            });
        });
    });

var id fetches the value of the input box.

In an input box I am taking one product ID and so it’s no problem in fetching the value and passing it to the add product page by using jquery.post().
But if I enter several product ID’s separated by comma in a text box how will I fetch each productID and send it to add product page for updating ?
Is there any better way to do it other than using jquery.post() method ?

Answer 1

You can split your Ids by a separator and iterate over the resulting array adding the items to the shopping card. Something like:

$(document).ready(function(){
        $("#submit").click(function(){
            var ids = $("#nam").val().split(' '); // SPACE seperated Ids
            for(i = 0; i < ids.length; i++){
              var id = ids[i];
              $.post("....../checkout/cart/add", { product:id },
              function(data) {
                //alert("The Product is added to your shopping cart.");
                //window.location.reload(true);
              });
            }
        });
    });

You will have to sanitize your textbox values before doing so.