jQuery Forum

I am currently working on the checkout screen for a shopping cart. I want to have a dropdown such as "Would you like to use saved Billing information?" if they have saved info to their account before. If they choose an existing address, I'd like to hide the fields so they don't get confused and think they need to enter anything.

The "options" will always have numeric values (0, 1, 2, 3, etc.)

Here is what I have HTML wise:

2. <div id="existing_Billing">
3. <h1>Billing Info</h1>
4. <p>Would you like to use a saved credit card?</p>
5. <select name="ucc_ID" class="existing_shipping" id="billing">
6. <option value="NO">Select a Card</option>
7. <option value="0">Mastercard</option>
8. <option value="1">Visa</option>
9. <option value="2">Discover</option>
10. <option value="NO">No, use the info entered below</option>
11. </select>
13. <div id="form_billing">
14. <div class="left">
15. <div class="form_element">
16. <label for="username">Username</label>
17. <div class="input_box">
18. <input id="username" name="username" type="text" class="text_input" />
19. </div>
20. <div class="clear"></div>
21. </div>
22. </div>
23. <div class="left">
24. <div class="form_element">
25. <label for="password">Password</label>
26. <div class="input_box">
27. <input id="password" name="password" type="password" class="text_input" />
28. </div>
29. <div class="clear"></div>
30. </div>
31. </div>
32. <div class="left">
33. <div class="form_element">
34. <label for="email">Email Address</label>
35. <div class="input_box">
36. <input id="email" name="email" type="text" class="text_input" />
37. </div>
38. <div class="clear"></div>
39. </div>
40. </div>
41. </div>
42. <div class="clear"></div>
43. </div>
44. </div>