I could use a little help

[putergeek]

I am building an ecommerce website I currently have a drop down box for the user to select a color. I need some script to integrate this into a paypal shopping cart. I other words when they select there color it does nothing I want it to go to the shopping cart an tell me what color they ordered. Any help would be great

[ukgeoff]

Difficult to respond without seeing the page and the code you are using.

[putergeek]

here is the code for the drop down box

<form name="color"><div align="left">
<select name="select1" size="1">
<option>Black</option>
<option>Bronze</option>
<option>Green</option>
<option>Pewter</option>
</select></div></form>

Here is the code for the add to cart button. what i am looking to have happen is when they select there color and click add to cart it carries the color trough to the shopping cart page

<Form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="paypal">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="brett@gardendiscounters.com">
<input type="hidden" name="item_name" value="Round 360 Chiminea">
<input type="hidden" name="item_number" value="00312">
<input type="hidden" name="amount" value="184.99">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="shipping" value="">
<input type="hidden" name="shipping2" value="">
<input type="hidden" name="handling_cart" value="">
<input type="hidden" name="bn" value="ButtonFactory.Tripod.001">
<input type="image" name="add" src="https://www.paypal.com/images/x-click-but22.gif">
</form>

[spinal007]

Can you use a server-side language such as ASP or PHP?

[putergeek]

Sorry my host will only let me use HTML or Java Script

[spinal007]

Code: Select all

 <script language="Javascript" type="text/javascript">
function PassColourToPaypal(f){
 f.elements['item_name'].value += ' ('+ f.elements['colour'].value + ')';
}
</script>
<Form method="post" action="https://www.paypal.com/cgi-bin/webscr" target="paypal" onsubmit="PassColourToPaypal(this);">
<input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="business" value="brett@gardendiscounters.com">
<input type="hidden" name="item_name" value="Round 360 Chiminea">
<input type="hidden" name="item_number" value="00312">
<input type="hidden" name="amount" value="184.99">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="shipping" value="">
<input type="hidden" name="shipping2" value="">
<input type="hidden" name="handling_cart" value="">
<input type="hidden" name="bn" value="ButtonFactory.Tripod.001">
<input type="image" name="add" src="https://www.paypal.com/images/x-click-but22.gif">
<select name="colour" id="colour" size="1">
<option>Black</option>
<option>Bronze</option>
<option>Green</option>
<option>Pewter</option>
</select>
</form>

Or the quickest way is to add this to the form above...

Code: Select all

onsubmit="this.elements['item_name'].value += ' ('+ this.elements['colour'].value + ')';"

... then you don't need the seperate script tag.

Some brownies would be nice

[Ryan Fait]

Would it be easier to use a different item number for each color?

[spinal007]

course, but without any server-side coding, it's not ideal to duplicate every other field in the form 6+ times...
and it would be a pain to change prices, etc...

I think it's a better "long term" solution

[putergeek]

I tried this code several different was and still nothing What have I done wrong?

[spinal007]

I don't know what you've done wrong because I can't see what you've done...