I have two select boxes that I want to show and hide, the only problem I have is that the form information of both select boxes still remains in the page, and I am not able to submit. Is there a way that I can remove and show, so I am able to submit the contents of only one of the select boxes?

Thank you,

Jason 

2.   Passing Score:
3.  <select name="ChapterQuizPassingScore" id="ChapterQuizPassingScore" style="width:174px" class="HiddenPassingScore">
4.     <option id="passingscore" value="0">Please Select</option>
5. </select>
6. </div>
7. 
   
   
9. <div class="Yes">
10.   Passing Score:
11.  <select name="ChapterQuizPassingScore" id="ChapterQuizPassingScore" style="width:174px" class="HiddenPassingScore">
12.     
13. <div class="No">
14.   Passing Score:
15.  <select name="ChapterQuizPassingScore" id="ChapterQuizPassingScore" style="width:174px" class="HiddenPassingScore">
16.     <option id="passingscore" value="0">Please Select</option>
17.     <option id="passingscore" value="1">One</option>
18.     <option id="passingscore" value="2">Two</option>
19. </select>
20. </div>
21. </select>
22. </div>