Hi, I'm looking to rewrite the following form code with variants from using dropdown menus into a format using radio buttons, in order to make it closer to what people usually see in donation pages for nonprofits (like any groundspring 'donate now' page - for example in this page -
https://secure.groundspring.org/dn/index.php?id=2080)
I would like visitors to be able to select an amount, and select a project as a variant.
Below is the code I'm starting with from the "Add to Cart Button Code" (with my IDs taken out):
<form action="
https://www.e-junkie.com/ecom/gb.php?c=cart&i=CODE&cl=###&ejc=2" target="ej_ejc" method="POST" accept-charset="UTF-8">
<span class="bodytxt">Amount</span>:<br/>
<select name="o1" size="1">
<option value="$25">$25</option>
<option value="$50">$50</option>
<option value="$100">$100</option>
<option value="$250">$250</option>
<option value="$500">$500</option>
<option value="$1000">$1000</option>
</select>
<br/>
<input type="hidden" name="on0" value="Project"/>
<span class="bodytxt">Project</span>:<br/>
<select name="os0" size="1">
<option value="Project 1">Project 1</option>
<option value="Project 2">Project 2</option>
<option value="Project 3">Project 3</option>
<option value="Project 4">Project 4</option>
<option value="Project 5">Project 5</option>
<option value="Project 6">Project 6</option>
<option value="Project 7">Project 7</option>
<option value="Project 8">Project 8</option>
</select>
<br/><br/>
<input type="image" src="
https://www.e-junkie.com/ej/ej_add_to_cart.gif" border="0" alt="Add to Cart" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this.parentNode);"/>
</form>
The follosing is what I've converted to use radio input forms, but It doesn't work. It always takes the last option in the radio button input groups as variables, no matter what is selected when I press the 'submit' button (for example $1000 and Project 8):
<form action="
https://www.e-junkie.com/ecom/gb.php?c=cart&i=DON-GEN&cl=11769&ejc=2" target="ej_ejc" method="POST" accept-charset="UTF-8">
<span class="bodytxt">Amount:</span><br/>
<input name="o1" type="radio" value="$25" checked="checked" /> $25<br />
<input name="o1" type="radio" value="$50" /> $50<br />
<input name="o1" type="radio" value="$100" /> $100<br />
<input name="o1" type="radio" value="$250" /> $250<br />
<input name="o1" type="radio" value="$500" /> $500<br />
<input name="o1" type="radio" value="$1000" /> $1000<br />
<hr />
<input type="hidden" name="on0" value="Project"/>
Project:</span><br/>
<input name="os0" type="radio" value="Project 1" checked="checked" />Project 1<br />
<input name="os0" type="radio" value="Project 2" />Project 2<br />
<input name="os0" type="radio" value="Project 3" />Project 3<br />
<input name="os0" type="radio" value="Project 4" />Project 4<br />
<input name="os0" type="radio" value="Project 5" />Project 5<br />
<input name="os0" type="radio" value="Project 6" />Project 6<br />
<input name="os0" type="radio" value="Project 7" />Project 7<br />
<input name="os0" type="radio" value="Project 8" />Project 8<br />
<input name="" type="submit" onClick="javascript:return EJEJC_lc(this.parentNode);" />
<input type="image" src="
https://www.e-junkie.com/ej/ej_add_to_cart.gif" border="0" alt="Add to Cart" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this.parentNode);"/> -->
</form>
Can this be done, or do the o1 and os0 values always have to be submitted to ejunkie.com from a option select dropdown?
