Help With A Form Field

[southern]

I am creating an order page for my charities website.

I am trying to create to form fields that will work together. One is visible and the other is either hidden or visible but disabled.

Here is what I am trying to do, I need to create a dropdown menu that contains the numbers 1 thru 20, the number of shirts that are to be ordered

The name for this field is quantity.

The second field (hidden or disabled) needs to be linked to the above drop down menu.

If the dropdown has a value of 1 then this field needs to have a value of 20.00, if the dropdown has a value of 2 thru 20, then this field needs to change to 18.00. This is for the price.

The name of this field is amount

[robert_w_ark]

ok so you dont really need to use php.. just use javascript 🙂 try using this code..

<form name="theform">
Total Shirts: <select name="snum">
<option value="" onclick="document.theform.total.value='$0.00';" checked>-- SELECT --</option>
<option value="1" onclick="document.theform.total.value='$10.00';">1 Shirt</option>
<option value="2" onclick="document.theform.total.value='$20.00';">2 Shirts</option>
<option value="3" onclick="document.theform.total.value='$30.00';">3 Shirts</option>
<option value="4" onclick="document.theform.total.value='$40.00';">4 Shirts</option>
<option value="5" onclick="document.theform.total.value='$50.00';">5 Shirts</option>
<option value="6" onclick="document.theform.total.value='$60.00';">6 Shirts</option>
<option value="7" onclick="document.theform.total.value='$70.00';">7 Shirts</option>
<option value="8" onclick="document.theform.total.value='$80.00';">8 Shirts</option>
<option value="9" onclick="document.theform.total.value='$90.00';">9 Shirts</option>
<option value="10" onclick="document.theform.total.value='$100.00';">10 Shirts</option>
<option value="11" onclick="document.theform.total.value='$110.00';">11 Shirts</option>
<option value="12" onclick="document.theform.total.value='$120.00';">12 Shirts</option>
<option value="13" onclick="document.theform.total.value='$130.00';">13 Shirts</option>
<option value="14" onclick="document.theform.total.value='$140.00';">14 Shirts</option>
<option value="15" onclick="document.theform.total.value='$150.00';">15 Shirts</option>
<option value="16" onclick="document.theform.total.value='$160.00';">16 Shirts</option>
<option value="17" onclick="document.theform.total.value='$170.00';">17 Shirts</option>
<option value="18" onclick="document.theform.total.value='$180.00';">18 Shirts</option>
<option value="19" onclick="document.theform.total.value='$190.00';">19 Shirts</option>
<option value="20" onclick="document.theform.total.value='$200.00';">20 Shirts</option>
</select><br/>
Total Price: <input type="text" name="total" value="$0.00" readonly><br/><br/>
</form>

worked for me in FireFox - not sure about IE but i'm pretty sure it will 🙂

[southern]

I am going to try it righgt now with the complete form will post a reply in a min.

Was not sure if it would have been done different due to being on a php page. BUt thanks.. I'll be right back...

[southern]

Thank you, it seems to work great. I have not tried IE yet, as I too use firefox. But I changed the code a little, I have reposted the entire form here. This form connects to PayPal as the payment proccessor, so I removed the $ sign on the amount fields and I made all the dollar amount 18.00 expect for the one for the quantity value of 1 which is 20, this allows the paypal site to add up the total based on quantity.

I also change the following two items.

snum is now quantity
total is now amount

But here is my code:

<form name="theform" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="[e-mail]">
<input type="hidden" name="undefined_quantity" value="1">
<input type="hidden" name="item_name" value="CERT T-Shirt">
<input type="hidden" name="item_number" value="KCCERTTShirt">

amount Shirts: <select name="quantity">
<option value="" onclick="document.theform.amount.value='0.00';" checked>-- SELECT --</option>
<option value="1" onclick="document.theform.amount.value='20.00';">1 Shirt</option>
<option value="2" onclick="document.theform.amount.value='18.00';">2 Shirts</option>
<option value="3" onclick="document.theform.amount.value='18.00';">3 Shirts</option>
<option value="4" onclick="document.theform.amount.value='18.00';">4 Shirts</option>
<option value="5" onclick="document.theform.amount.value='18.00';">5 Shirts</option>
<option value="6" onclick="document.theform.amount.value='18.00';">6 Shirts</option>
<option value="7" onclick="document.theform.amount.value='18.00';">7 Shirts</option>
<option value="8" onclick="document.theform.amount.value='18.00';">8 Shirts</option>
<option value="9" onclick="document.theform.amount.value='18.00';">9 Shirts</option>
<option value="10" onclick="document.theform.amount.value='18.00';">10 Shirts</option>
<option value="11" onclick="document.theform.amount.value='18.00';">11 Shirts</option>
<option value="12" onclick="document.theform.amount.value='18.00';">12 Shirts</option>
<option value="13" onclick="document.theform.amount.value='18.00';">13 Shirts</option>
<option value="14" onclick="document.theform.amount.value='18.00';">14 Shirts</option>
<option value="15" onclick="document.theform.amount.value='18.00';">15 Shirts</option>
<option value="16" onclick="document.theform.amount.value='18.00';">16 Shirts</option>
<option value="17" onclick="document.theform.amount.value='18.00';">17 Shirts</option>
<option value="18" onclick="document.theform.amount.value='18.00';">18 Shirts</option>
<option value="19" onclick="document.theform.amount.value='18.00';">19 Shirts</option>
<option value="20" onclick="document.theform.amount.value='18.00';">20 Shirts</option>
</select><br/>
Total Price: <input type="text" name="amount" value="0.00" readonly><br/><br/>
<input type="image" src="http://images.paypal.com/images/x-click-but01.gif" name="submit">
</form>

It works great, thanks for the help