Required Select element failing

I have created a fairly complex email form. I have essentially created an application for financial assistance using Contact Form 7. I am pretty experienced with CF7 but this is the most complicated ‘form’ I have ever created.

I essentially have created a multistep form using css and javascript to hide (display: none;) sections of the form as the user clicks through it. All of the information is accurately coming through in the email (including a Select element for the state, and another one requesting a student’s grade). On one of the later steps I have a grid requesting applicants financial records which is a table of text (for financials) followed by a select (for how often they receive that money).

On my first attempt to test the form no information was passed by those select elements so I tried to make it a required field just to test it and see if it was being gathered properly and it is now showing that the required Select element is not filled in.

The page no longer has the form on it as the site is live. I have just put a generic Contact Form in it’s place. I would be happy to share my code or even create a temporary page with the contact form on it for testing.

Any ideas or further information would be greatly appreciated.