Add product at quantity from select field

<!--

Initialize the Store Builder Library

-->

<script

    id="fsc-api"

    src="https://sbl.onfastspring.com/sbl/1.0.2/fastspring-builder.min.js"

    type="text/javascript"

    data-storefront="fastspringexamples.test.onfastspring.com/popup-fastspringexamples"

    >

</script>

​

<select id="qty">

    <option value="1">1</option>

    <option value="2">2</option>

    <option value="3">3</option>

    <option value="4">4</option>

    <option value="5">5</option>

</select>

​

<button onclick="addQty();">Add to Cart</button>

​

<script>

    function addQty()

    {

        var e = document.getElementById("qty");

        var qty = e.options[e.selectedIndex].value;

        var s =

        {

            //Reset the cart session  to remove everything added to the cart previously.

            'reset':true,

            //Define the product path(s) and the quantity to add.

            'products' : [

                {

                    'path':'phot-io-main-app',

                    'quantity': qty

                }

            ],

            'checkout': true

        }

        fastspring.builder.push(s);

    }

</script>