Hello, i have the following service: http://www.seoadsem.com/full-SEO-rep...site-test.html, and i successfully added a javascript with "more fields". Now the main problems are:
1. When the user clicks "more fields" and completes them, i need the quantity of the item to increment and when i hit submit to echo that quantity automatically in the paypal shopping cart.
2. When the user clicks "remove fields" i need the quantity of the item to decrease and when i hit submit to echo that quantity automatically in the paypal shopping cart.
3. If the user clicks more than 2 times, let's say for 3 website to submit, starting from the 3rd website the input fields os3 and os4 don't work anymore and doesn't transfer the info anymore to the shopping cart. I think those fields should be incremented automatically.
Here is my current code:
Javascript:
Code:
	       var newFields = document.getElementById("readroot").cloneNode(false);
	       this.parentNode.parentNode.removeChild(this.parentNode);
               var counter = 0;
               var q1 = 1;
            function moreFields() {
               counter++;   
		var newFields = document.getElementById("readroot").cloneNode(true);
 		newFields.id = '';
                newFields.style.display = 'block';
                var newField = newFields.childNodes;
                for (var i=0;i<newField.length;i++) {
                    var theName = newField[i].name;
                    if (theName)
                        newField[i].name = theName + counter;
                }
                var insertHere = document.getElementById("writeroot");
                insertHere.parentNode.insertBefore(newFields,insertHere);
		q1++;
            }
I tried to add variable q1 for quantity and to increment when the user clicks on the "more websites" with "q1++" but don't know exactly how to echo this, i know that there need to be an input filed like
<input type="hidden" name="quantity" value="quantityHEREincrements">
HTML
<form target="paypal" name="myPayPal" action="https://www.paypal.com/cgi-bin/webscr" onsubmit="return validateForm()" method="post" id="payPalForm">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="CYNC62RKYPQGU">
<table>
<tr><td><input type="hidden" name="on0" value="Keywords" class="special">Keywords: </td></tr><tr><td><input type="text" name="os0" maxlength="200" class="special">ex: seo services</td></tr>
<tr><td><input type="hidden" name="on1" value="Website" class="special">Website: </td></tr><tr><td><input type="text" name="os1" maxlength="200" class="special">ex: seoadsem.com</td></tr>
</table>
<div id="readroot" style="display: none">
<input type="button" value="Remove" onclick="this.parentNode.parentNode.removeChild(this.parentNode);" /><br /><br />
<table>
<tr><td><input type="hidden" name="on3" value="Keywords" class="special">Keywords: </td></tr><tr><td><input type="text" name="os3" maxlength="200" class="special">ex: seo services</td></tr>
<tr><td><input type="hidden" name="on4" value="Website" class="special">Website: </td></tr><tr><td><input type="text" name="os4" maxlength="200" class="special">ex: seoadsem.com</td></tr>
</table>
</div>
<span id="writeroot"></span>
<input type="button" onclick="moreFields()" value="More Websites" />
<div class="tos">
<input type="hidden" name="on2" value="Accepted Terms of service">Do you accept the <a href="http://www.seoadsem.com/terms-of-service.html" rel="nofollow" target="_blank">terms of service</a>.
<select name="os2">
<option value="0">No</option>
<option value="Yes">Yes</option>
</select>
</div>
<input type="image" src="http://www.seoadsem.com/img/addtocart.png" name="submit" alt="PayPal - The safer, easier way to pay online!" class="paypalspecial">
<img alt="paypal" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>